Ah ok, I see. I didn't realize this was sort of a special template region. Thanks for the screen shot, definitely clarifying. I think your approach will probably work with some tweaks.
In a dynamic action, preferably.
I'm glad it worked out. After peeking at the DOM changes while clicking the expand/collapse button, you can get it down to the collapsed width if you add this in:
//Collapse the left-hand nav sidebar
//And reverse that process to re-expand
After that, to get it any further you'd need to modify the properties of the js-navCollapsed class (which, it turns out, is tricky)
or you might get by with assigning CSS attribute values directly to the content ellements.
So all together now:
This definitely gets into less stable territory, as future upstream changes to themes might affect how this kind of approach works, or unforseen combinations of page actions break it. But I know sometimes its the best option, just caveat emptor and all that.
Have you thought of using the "Minimal (No Navigation)" page template?
Hope this helps
Thanks Justin it all works now
Max I cannot use a page template since I need same page to be normal or modal page.
Below is the page normal page complex search screen (page navigation is a manual DA and u see 2 blue bars)
Below is the same page used as a custom LOV page (no blue bars, modal page, user has to select close and cannot switch to another page).
I could have duplicated the page but since its complex I tried to just use the same page and JS/css to make it work.