Panel controle (experimenteel)
[Dit artikel maakt deel uit van de voorlopige documentatie en kan nog veranderen.]
Een besturingselement dat wordt gebruikt om inhoud te groeperen.
Belangrijk
- Dit is een experimentele functie.
- Experimentele functies zijn niet bedoeld voor productiegebruik en bieden mogelijk beperkte functionaliteit. Deze functies zijn beschikbaar voor een officiële release zodat klanten vroeg toegang kunnen krijgen en feedback kunnen geven.
Beschrijving
Panelen zijn overlays die aanvullende inhoud bevatten en worden gebruikt voor complexe creatie-, bewerkings- of beheerervaringen, bijvoorbeeld het bekijken van details over een item in een lijst of het bewerken van instellingen.
Dit canvasonderdeel bootst de stijl en het gedrag van het Fluent UI-besturingselement Panel na.
Eigenschappen
Belangrijke eigenschappen
Eigenschappen | Beschrijving |
---|---|
Buttons |
Een gegevensset die de knoppen definieert. |
Title |
Tekst die wordt weergegeven in de titelsectie. |
Subtitle |
Optioneel. Tekst die wordt weergegeven onder de titel. |
DialogWidth |
Breedte van het paneel. |
ContentX |
De X-coördinaat voor het inhoudsgebied. |
ContentY |
De Y-coördinaat voor het inhoudsgebied. |
ContentWidth |
De breedte van het inhoudsgebied van het paneel. |
ContentHeight |
De hoogte van het inhoudsgebied van het paneel. |
Buttons
eigenschappen
Eigenschappen | Beschrijving |
---|---|
Label |
Het label dat wordt weergegeven op de knop |
ButtonType |
Opsomming die de stijl van de knop bepaalt. Kies tussen Standard en Primary |
Table(
{
Label: "Cancel",
ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Standard
},{
Label: "Ok",
ButtonType: 'Microsoft.CoreControls.Button.ButtonType'.Primary
}
)
Stijleigenschappen
Eigenschappen | Beschrijving |
---|---|
Overlay Color |
Kleur die wordt weergegeven in het overlay-gebied. |
DialogWidth |
De breedte van het paneel (niet te verwarren met de breedte van het besturingselement, die de app-breedte moet omvatten). |
Position of the panel |
Geef de tekstwaarde Right of Left om aan te geven aan welke kant van het scherm het paneel moet worden weergegeven. |
Theme |
Thema-object. Als u dit leeg laat, wordt het standaard Power Apps-thema weergegeven. Zie Themagebruik voor richtlijnen voor configureren. |
Eigenschappen van gebeurtenis
Eigenschappen | Beschrijving |
---|---|
OnCloseSelect |
Actie-expressie die wordt uitgevoerd wanneer de knop Sluiten wordt geselecteerd. |
OnButtonSelect |
Actie-expressie die wordt uitgevoerd wanneer een van de actieknoppen wordt geselecteerd. |
Gedrag
Zichtbaarheid van paneel configureren
De zichtbaarheid van Panel
kan worden in-/uitgeschakeld met een variabele van het booleaanse type (true/false).
Gebruik de volgende Power Fx-formule om het dialoogvenster weer te geven (bijvoorbeeld de eigenschap
OnSelect
van een besturingselement voor knop):UpdateContext({ showHideDialog: true })
Wijs de volgende waarden aan
Panel
toe:Eigenschappen Weergegeven als OnCloseSelect
UpdateContext({ showHideDialog: false })
Visible
showHideDialog
Knopacties configureren
Geef in de eigenschap OnButtonSelect
van het paneel acties op in een voorwaarde If()
of Switch()
op basis van de tekstwaarde Self.SelectedButton.Label
om de actie te definiëren. Afhankelijk van de actie is het gebruikelijk het Panel
te verbergen nadat de actie is voltooid.
Switch( Self.SelectedButton.Label,
"Ok", Notify("The Ok button was pressed.");
);
// Closes the panel
UpdateContext({ showHideDialog: false })
Paneelinhoud opmaken
Koppel een container aan de inhoudseigenschappen van het Panel
om inhoud in de juiste regio van het scherm te plaatsen. Zorg ervoor dat u de zichtbaarheid van de inhoud koppelt aan het Panel
.
Stappen om inhoud in een paneel op te maken:
Voeg
Panel
toe (voorbeeldnaam:cmp_panel
)Voeg een container toe (voorbeeldnaam:
c_panelContent
)Wijzig de volgende eigenschappen van
c_panelContent
:Eigenschappen Weergegeven als X
cmp_panel.ContentX
Y
cmp_panel.ContentY
Width
cmp_panel.ContentWidth
Height
cmp_panel.ContentHeight
Visible
cmp_panel.Visible
Beperkingen
Dit canvasonderdeel kan alleen worden gebruikt in canvas-apps en aangepaste pagina's.