I'm using the MasterDetail UI Pattern/Widget, but the RightContent placeholder disappears when resized to smaller screens (or using a phone). I have tried setting the "OpenedOnPhone" property to True, with no luck. I can verify that there is data in the RightContent when clicking a link on the left, because it does display when resized larger.
My understanding is that this UI Pattern has a lot of built-in functionality and that I wouldn't have to override it with CSS media queries.
What do I have to do to display the RightContent on smaller screens?
Smaller Screens
Larger Screens
thanks in advance,
-tim
Hi @Tim Morris,
Here is OML for your reference
Thanks,
Supriya
Instead of directly passing openedOnPhone = true, create a new variable. Which holds whether the device is phone or not, check whether the device is phone or not by using IsPhone(), assign the output to the variable. Assign this to the MasterDetail block OpenedOnPhone parameter, Then, in the Detail Close event handler of the Master-Detail block, assign it to false.
That's awesome @Supriya Malla! The .oml made it especially clear to me how to implement this.
thanks,