Show layout cell full screen


#1

I would like to be able to have an option to show a specific cell content full screen. Similar to how you can have the option to show a video full screen. Is that possible?


#2

I don’t think it’s possible to do a borderless full screen display, but you can probably approximate it. A lot of it would be outside the scope of DHX, though. You could get close if you used Javascript to open a new window without the navigation bar (https://stackoverflow.com/questions/15016856/window-open-without-navigation-toolbar), expand the browser window to the full height and width of the screen (https://www.simplified.guide/javascript/maximize-browser-window), and display the cell content in that new window.


#3

Thanks for the reply. I was thinking along those lines as well. I was just hoping there might be a simpler way. I found a control that will open a specific element full screen and it works for the entire layout parent div but not for individual cells. I guess they are not div elements.


#4

They should be divs. The trick is figuring out how they’re identified so you can do just the one you want. That will probably take digging around in the browser’s developer tools (F12) and looking at the DOM to identify the one you’re looking for. Then use the querySelector() to get the div element to pass to the control you found.


#5

I can see the div elements in the DOM info but they don’t have an element ID or name assigned. What is this querySelector() function that you are referring to?


#6