Blazor - change container opmaak wanneer een bepaalde (aangepaste) component wordt gevonden

stemmen
0

Dit is misschien een vreemde vraag, en is het misschien overkill om het op deze manier te doen, maar als een nieuwe bezoeker aan BlazorIk ben benieuwd of het mogelijk is.

Kan ik de stijl van mijn div element afhankelijk van de specifieke onderdelen binnen die div element veranderen?

Dus om uit te leggen dat een beetje meer, heb ik 2 navbarsdie ik kan implementeren, een horizontal navbaren een vertical navbar. Deze aangepaste navbar componentskunnen worden toegevoegd in de MainLayout.razorfile als volgt:

<HorizontalNavbar></HorizontalNavbar>

<div class=main>
    <h1>my testing title</h1>
</div>

De belangrijkste lay-out wordt geïmporteerd in al mijn Blazor pagina's (net als standaard), in het _Host.cshtmldossier van de <app>div / klasse wordt toegevoegd. Ik wil de stijl van de app veranderen flex-direction: column;als de belangrijkste lay-out bestand bevat een HorizontalNavbarcomponent, en flex-direction: row;als de belangrijkste lay-out bevat VerticalNavbar. Dit is in ieder geval mogelijk?

Natuurlijk kon ik alleen maar definiëren een wrapper klasse, met de juiste flex-richtingen, in elk van de navigatiebalk componenten, maar dan zou ik iets te krijgen als:

<HorizontalNavbar>
   All my inner content
</HorizontalNavbar>

Die ziet er niet erg groot. Het even welke ideeën om dit te bereiken? Misschien iets als dit: https://blazorfiddle.com/s/385py5jb maar dan met het evenement / trekker van het vinden van een specifiek controle- / css klasse?

De vraag is gesteld op 13/01/2020 om 23:59
bron van user
In andere talen...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more