Blazor - endring beholder lay-out når en bestemt (tilpasset) komponent er funnet

stemmer
0

Dette er kanskje et merkelig spørsmål, og det kan være overkill å gjøre det på denne måten, men som en ny comer til Blazorjeg er nysgjerrig på om det er mulig.

Kan jeg endre stilen min div element avhengig av spesifikke komponenter innenfor denne div element?

Så for å forklare det litt mer, jeg laget 2 navbarssom jeg kan implementere, en horizontal navbarog en vertical navbar. Disse tilpassede navbar componentskan legges i MainLayout.razorfilen slik:

<HorizontalNavbar></HorizontalNavbar>

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

Hoved lay-out blir importert i alle mine Blazor sider (akkurat som standard), i _Host.cshtmlfilen <app>div / klasse er lagt til. Jeg ønsker å endre stilen på appen flex-direction: column;dersom hoved-layout filen inneholder en HorizontalNavbarkomponent, og flex-direction: row;dersom hoved-oppsettet inneholder VerticalNavbar. Er dette likevel mulig?

Selvfølgelig kunne jeg bare definere en wrapper klasse, med riktig flex-retninger, innenfor hver av navigasjonsfeltet komponenter, men da jeg skulle få noe sånt som:

<HorizontalNavbar>
   All my inner content
</HorizontalNavbar>

Som ikke ser veldig stor. Noen ideer for å oppnå dette? Kanskje noe sånt som dette: https://blazorfiddle.com/s/385py5jb men da med arrangementet / trigger for å finne en bestemt kontroll / css klasse?

Publisert på 13/01/2020 klokken 23:59
kilden bruker
På andre språk...                            

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