Blazor - conteneur de changement lay-out lorsqu'un spécifique (personnalisé) composant est trouvé

voix
0

Ceci est peut - être une question étrange, et il pourrait être exagéré de le faire de cette façon, mais comme un nouveau venu , Blazorje suis curieux de savoir s'il est possible.

Puis-je changer le style de mon élément div selon les composants spécifiques dans cet élément div?

Donc , pour l' expliquer un peu plus, je créé 2 navbarsque je peux mettre en œuvre, un horizontal navbaret un vertical navbar. Ces personnalisés navbar componentspeuvent être ajoutés dans le MainLayout.razorfichier comme ceci:

<HorizontalNavbar></HorizontalNavbar>

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

Le principal lay-out sont importées dans toutes mes pages Blazor (comme défaut), dans le _Host.cshtmlfichier de la <app>div / classe est ajoutée. Je veux changer le style de l'application pour flex-direction: column;si le fichier principal de mise en page contient un HorizontalNavbarcomposant, et flex-direction: row;si la principale mise en page contient VerticalNavbar. Est - ce de toute façon possible?

Bien sûr, je pourrais définir une classe d'emballage, avec le bon flex directions, à l'intérieur de chacun des composants de la barre de navigation, mais je voudrais obtenir quelque chose comme:

<HorizontalNavbar>
   All my inner content
</HorizontalNavbar>

Ce qui ne semble pas très grande. Toutes les idées pour y parvenir? Peut-être quelque chose comme ceci: https://blazorfiddle.com/s/385py5jb mais avec l'événement / déclencheur de trouver une classe de contrôle spécifique / css?

Créé 13/01/2020 à 23:59
source utilisateur
Dans d'autres langues...                            

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