Lezen in het Engels

Delen via


Moderne, vernieuwde vormgeving voor modelgestuurde apps

Modelgestuurde apps hebben een modern, vernieuwd uiterlijk wanneer de schakelaar Nieuw uiterlijk is ingeschakeld. Het nieuwe uiterlijk biedt een bijgewerkte stijl, inclusief lettertypen, kleuren, randen, schaduwen en meer die aansluiten bij het nieuwste Microsoft Fluent-ontwerpsysteem. Het bijgewerkte uiterlijk maakt modelgestuurde apps gebruiksvriendelijker, zodat gebruikers hun doelen snel en efficiënt kunnen bereiken. Het Fluent-ontwerpsysteem biedt consistentie, kwaliteit en Microsoft-brede platformcoherentie. Het biedt ook een solide basis voor uitbreidbaarheid en biedt in de toekomst ondersteuning voor de donkere modus.

Belangrijk

Met de maandelijkse kanaalrelease van oktober is de schakelaar voor Nieuw uiterlijk verwijderd en is deze altijd ingeschakeld voor gebruikers. Meer informatie vindt u in Voortdurende uitrol beheren. Deze wijziging is gedeeld in de Releaseopmerkingen voor wave 2 van 2024 en de Maandelijkse releaseopmerkingen van oktober 2024.

Wat is onderdeel van het nieuwe, opgefriste uiterlijk?

U kunt het volgende verwachten in de moderne, opgefriste ervaring:

  • Bijgewerkte vormgeving van formulier-, weergave- en dashboardpagina's, waaronder het gebruik van slagschaduwen en helderdere achtergrondkleuren om een verhoogd of zwevend beeld te creëren. Het zwevende uiterlijk helpt secties visueel te scheiden en vestigt de aandacht op primaire content.
  • Nieuwe op Fluent gebaseerde besturingselementen in formulieren, bedrijfsprocesstromen en dialoogvensters. De hoogte van dialoogvensters wordt nu automatisch aangepast op basis van de inhoud.
  • Een nieuw Power Apps-raster in plaats van het alleen-lezen raster op weergave- en standaarddashboardpagina's.
  • Een nieuw mechanisme om de kleuren van de app-header aan te passen aan uw persoonlijke of organisatorische huisstijl. Meer informatie: Moderne thema's gebruiken
  • Een eindgebruikersinstelling genaamd Probeer het nieuwe uiterlijk die de moderne, vernieuwde ervaring activeert.

De instelling De nieuwe vormgeving uitproberen.

Opdrachtbalk

De zwevende opdrachtbalk komt overeen met de Microsoft 365-ervaring, met consistente spatiëring, afgeronde hoeken en hoogte. Zie hoe de opdrachtbalk zich in een apart gedeelte boven aan de pagina bevindt in het volgende voorbeeld.

Zwevende opdrachtbalk

Weergavepagina's

Weergavepagina's gebruiken de nieuwe opdrachtbalk en hebben bijgewerkte rastergebieden die profiteren van de hoogtewijzigingen om de aandacht van de gebruiker te trekken.

De belangrijkste verandering op weergavepagina's is de overstap van het alleen-lezen-raster naar het Power Apps-rasterbesturingselement, met oneindig schuiven voor een moderne ervaring bij het doorbladeren van gegevens. Dit raster verschijnt ook in subrasters en bijbehorende rasters in hoofdformulieren en dashboards. De Power Apps-rasterbesturing ondersteunt ook inline bewerking met de eigenschap Filteren inschakelen. Makers kunnen hun bewerkbare rasters handmatig configureren zodat ze het Power Apps-rasterbesturingselement kunnen gebruiken.

Het volgende voorbeeld toont een weergavepagina met het moderne, vernieuwde uiterlijk.

Een weergavepagina met het moderne, vernieuwde uiterlijk.

Formulierpagina's

Formulierpagina's gebruiken de nieuwe opdrachtbalk en hebben vernieuwde kopteksten, tabbladen, secties en bedrijfsprocesstromen. Ook de opmaak van snelle weergaven, kaartformulieren, kopteksten, siteoverzichten en tijdlijnbesturingselementen is bijgewerkt.

Het volgende voorbeeld toont een formulierpagina met het moderne, vernieuwde uiterlijk.

Een formulierpagina met een moderne, vernieuwde vormgeving.

Veldbesturingselementen

Veldbesturingselementen, zoals tekstinvoer, actie-invoer, zoekacties en selectievakjes, worden gebouwd en ontworpen met Fluent-onderdelen. Er zijn plannen om in toekomstige updates meer veldbesturingselementen te moderniseren met behulp van Fluent-ontwerp.

Veldsecties, die containers zijn voor de velden van een formulier, hebben een meer gestroomlijnd ontwerp. Pictogrammen staan ​​nu aan de rechterkant van veldlabels. Sommige overbodige pictogrammen zijn verwijderd voor een overzichtelijker indeling. De stijl van invoer- en foutmeldingen is ook vernieuwd op basis van het Fluent-ontwerp.

Het volgende voorbeeld toont een verzameling velden met het moderne, vernieuwde uiterlijk.

Velden in een modelgestuurde app met het moderne, vernieuwde uiterlijk.

Dashboardpagina

De systeemdashboardpagina, met onafhankelijke subrasters en diagrammen, is bijgewerkt om de nieuwe opdrachtbalk te gebruiken en heeft een stijl die vergelijkbaar is met de secties op formulier- en weergavepagina's. Wanneer de moderne ervaring is ingeschakeld of wanneer u het maandelijkse kanaal gebruikt, gebruiken de rasters van het systeemdashboard het nieuwe Power Apps-rasterbesturingselement. Het nieuwe raster is standaard niet ingeschakeld.

Systeemdashboardpagina met een moderne, vernieuwde vormgeving.

Grafiekbesturingselementen

De grafiekbesturingselementen op weergavepagina's en dashboards zijn bijgewerkt naar een nieuw kleurenpalet voor een modern, vernieuwd uiterlijk.

Als de kleuren van het diagram zijn aangepast, worden de aangepaste kleuren overschreven door het nieuwe uiterlijk. De maker kan de aangepaste kleuren behouden door de eigenschap CustomColorOverride toe te voegen aan het .xml-bestand van de grafiek.

<Chart CustomColorOverride="true">

Bekende beperkingen

Het moderne, vernieuwde uiterlijk voor modelgestuurde apps kent enkele beperkingen:

Moderne, opgefriste uiterlijk buiten de browser

De mobiele app en e-mailapp bieden geen ondersteuning voor het moderne, vernieuwde vormgeving en maken geen deel uit van de preview of algemene beschikbaarheid.

Van thema wisselen of de donkere modus inschakelen

Het wisselen van thema of het inschakelen van de donkere modus wordt momenteel niet ondersteund.

Rekening houden met klassieke thema

Met het moderne, opgefriste uiterlijk houdt Power Apps geen rekening meer met klassieke thema-aanpassingen. U kunt echter de kleuren van de app-header overschrijven, zodat deze aansluit bij de huisstijl van uw organisatie met het moderne, opgefriste uiterlijk. Meer informatie vindt u in De kleur van de app-header wijzigen. Andere thema-aanpassingsopties voor het moderne, opgefriste uiterlijk zijn nog niet beschikbaar.

Aangepast pictogrammen

Alleen SVG-pictogrammen worden ondersteund. Als u andere indelingen gebruikt, zoals PNG, worden deze niet in de navigatie weergegeven en verschijnt in plaats daarvan een standaardpictogram.

Veelgestelde vragen (FAQ's)

Kan ik het moderne, vernieuwde uiterlijk gebruiken in het Power Apps component framework of in aangepaste codecomponenten?

Het moderne thema dat wordt gebruikt, wordt doorgegeven aan Power Apps component framework-onderdelen, zodat u uw onderdelen kunt opmaken met moderne thema's.

Kan ik het moderne, vernieuwde uiterlijk gebruiken op aangepaste pagina's?

Moderne besturingselementen kunnen met aangepaste pagina's en het moderne, opgefriste uiterlijk worden gebruikt. Het moderne thema wordt momenteel niet overgenomen door aangepaste pagina's.

Kan ik de kleur van de app-header wijzigen?

Het is mogelijk om de kleur van de app-header aan te passen aan uw organisatie, terwijl het moderne, opgefriste uiterlijk behouden blijft. Zie Moderne thema's gebruiken voor meer details. Andere thema-aanpassingsopties voor het moderne, opgefriste uiterlijk zijn nog niet beschikbaar.

Werken met het moderne, opgefriste uiterlijk

Geef feedback over het moderne, opgefriste uiterlijk

Nadat u het moderne, vernieuwde uiterlijk in uw modelgestuurde apps hebt gebruikt, kunt u ons vertellen wat u ervan vindt in het Power Apps-communityforum.

Voortdurende uitrol beheren

Vanaf de maandelijkse release van oktober 2024 zien gebruikers van het maandelijkse kanaal de schakelaar Nieuw uiterlijk niet meer in de app-header. Deze gebruikers hebben de nieuwe uiterlijk nu altijd ingeschakeld. Makers en beheerders kunnen gebruikers dwingen het klassieke uiterlijk te gebruiken door de app-instelling Nieuw uiterlijk voor modelgestuurde apps op false te zetten. Meer informatie vindt u op Terugkeren naar het klassieke uiterlijk.

Terugkeren naar de oude gebruikersinterface

Eindgebruikers in het halfjaarlijkse kanaal kunnen teruggaan naar de oude gebruikersinterface door de schakelaar Nieuw uiterlijk uit te schakelen. Makers kunnen het nieuwe uiterlijk ook uitschakelen door de app-instellingen bij te werken.

Vind meer informatie over het uitschakelen van het moderne, vernieuwde uiterlijk in Modelgestuurde app-instellingen beheren in de app-ontwerper.

Beheerders kunnen de instelling Nieuw uiterlijk voor alle apps in een organisatie uitschakelen door in de oplossingenverkenner de waarde Nieuw uiterlijk voor modelgestuurde apps in te stellen op Nee. Dit verbergt de wisseloptie Nieuw uiterlijk en voorkomt dat het nieuwe, opgefriste uiterlijk van kracht wordt.

  1. https://make.powerapps.com/ openen

  2. Open onder Oplossingen een bestaande oplossing met een of meer modelgestuurde apps:

  3. Selecteer Bestaande toevoegen>Meer>Instelling.

  4. Zoek naar Nieuw uiterlijk.

  5. Selecteer Nieuw uiterlijk voor modelgestuurde apps.

  6. Selecteer Toevoegen om deze toe te voegen aan de oplossing.

  7. Selecteer Nieuw uiterlijk voor modelgestuurde apps in de oplossingsverkenner.

  8. Stel Omgevingswaarde instellen in op Nee.

  9. Selecteer Opslaan.

  10. Publiceer alle aanpassingen.

    Notitie

    Als u releasewave 2 van 2023 gebruikt en het nieuwe uiterlijk wilt uitschakelen, werk dan de instelling De nieuwe vormgeving uitproberen.

Het moderne uiterlijk voor mijn app inschakelen en de schakelaar verwijderen

In scenario's waarin makers en beheerders een moderne 'altijd aan'-ervaring willen inschakelen, kunnen ze dit activeren door de app-instelling Nieuw uiterlijk altijd aan in te stellen. Hiermee wordt het moderne, vernieuwde uiterlijk voor alle gebruikers van de app ingeschakeld en wordt de mogelijkheid voor eindgebruikers de header-schakelaar te gebruiken om Nieuw uiterlijk uit te schakelen, verwijderd.

Beheerders kunnen de instelling Nieuw uiterlijk altijd aan voor alle apps in een organisatie inschakelen door in de Oplossingsverkenner de waarde Nieuw uiterlijk altijd aan in te stellen op Ja. Hiermee verbergt u de schakelaar Nieuw uiterlijk en schakelt u het moderne, vernieuwde uiterlijk in voor alle gebruikers.

  1. https://make.powerapps.com/ openen
  2. Open onder Oplossingen een bestaande oplossing met een of meer modelgestuurde apps:
  3. Selecteer Bestaande toevoegen>Meer>Instelling.
  4. Zoek Nieuw uiterlijk altijd aan.
  5. Selecteer Nieuw uiterlijk altijd aan.
  6. Selecteer Toevoegen om deze toe te voegen aan de oplossing.
  7. Selecteer Nieuw uiterlijk altijd aan in de oplossingsverkenner.
  8. Stel Omgevingswaarde instellen in op Ja.
  9. Selecteer Save.
  10. Publiceer alle aanpassingen.