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.
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 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.
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.
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.
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.
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.
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">
Het moderne, vernieuwde uiterlijk voor modelgestuurde apps kent enkele beperkingen:
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.
Het wisselen van thema of het inschakelen van de donkere modus wordt momenteel niet ondersteund.
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.
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.
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.
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.
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.
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.
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.
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.
https://make.powerapps.com/ openen
Open onder Oplossingen een bestaande oplossing met een of meer modelgestuurde apps:
Selecteer Bestaande toevoegen>Meer>Instelling.
Zoek naar Nieuw uiterlijk.
Selecteer Nieuw uiterlijk voor modelgestuurde apps.
Selecteer Toevoegen om deze toe te voegen aan de oplossing.
Selecteer Nieuw uiterlijk voor modelgestuurde apps in de oplossingsverkenner.
Stel Omgevingswaarde instellen in op Nee.
Selecteer Opslaan.
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.
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.
- https://make.powerapps.com/ openen
- Open onder Oplossingen een bestaande oplossing met een of meer modelgestuurde apps:
- Selecteer Bestaande toevoegen>Meer>Instelling.
- Zoek Nieuw uiterlijk altijd aan.
- Selecteer Nieuw uiterlijk altijd aan.
- Selecteer Toevoegen om deze toe te voegen aan de oplossing.
- Selecteer Nieuw uiterlijk altijd aan in de oplossingsverkenner.
- Stel Omgevingswaarde instellen in op Ja.
- Selecteer Save.
- Publiceer alle aanpassingen.