Delen via

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.

Besturingselement Panel.

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).

  1. Gebruik de volgende Power Fx-formule om het dialoogvenster weer te geven (bijvoorbeeld de eigenschap OnSelect van een besturingselement voor knop):

    UpdateContext({ showHideDialog: true })

  2. 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:

  1. Voeg Panel toe (voorbeeldnaam: cmp_panel)

  2. Voeg een container toe (voorbeeldnaam: c_panelContent)

  3. 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.

  • Last updated on