more than 1 flyout in a page

Question

i have a flyout asscoaited with the app bar. It's styling is done in the css for the attribute

.win-flyout

Now I want to have 1 more flyout to be associated with each list item on the page. i.e when the user clicks on the list item the flyout appears I show the flyout in the iteminvoked function. But it picks the styling from .win-flyout. Can anyone suggest me how to have different stylings for  more than 1 flyout in a page

Thanks

Answer 1

No that style is coded into the flyout.  If you want something different you would need to create your own solution.  Why do you want flyouts that are styled differently?

-Jeff

---

Jeff Sanders (MSFT)

Answer 2

Thanks,Actually I have 1 flyout in the app bar that displays a menu

and i need 1 mor flyout on the list item click that would display some information about that list item. So the flyouts need to be different

Answer 3

You did not explain why they need to be different!

---

Jeff Sanders (MSFT)