Page 1 of 2

Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 1:57 am
by Craig Davis

Hello thanks for a wonderful tool, I have recently used the 'HTML' component to access some customs java... works great. The problem I am having is actually with the 'HTML' / 'PANEL', and the responsive layout is not fitting (scaling) within the mobile container and is behind the header and footer.


Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 2:19 am
by Igor

Hello,

Could you please clarify, Did you test on the device or in the browser?


Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 2:44 am
by Jeff Givens

I had this issue before as well. Try setting 'width=100%' in the tags of the items you want to fit directly, or create a grid with width=100% and placing the panel inside the grid. These solutions have worked for me when I was dealing with this.


Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 3:15 am
by Craig Davis

Hello I have tested it on device as well as in browser.


Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 4:28 am
by Craig Davis

Thanks Jeff i gave this a try but still a no go. If I figure it out i will let the community know.


Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 8:43 am
by Serhii Kulibaba

Hello!
If you need custom HTML component with static size (behind the header and footer), try next custom HTML:
preposition: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
/pre
But if this component can be more than screen better use:
prewidth: 100vw;
height: 100vh;
/pre


Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 3:50 pm
by Craig Davis

where would I add this bit of code? More Properties dialogue on the HTML component?


Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 3:55 pm
by Craig Davis

I would like the HTML component to be bound within the screen sides and not be cut off by the header or footer. Image

Image


Problem with the HTML component and responsive layout

Posted: Wed Sep 04, 2013 8:03 pm
by Maryna Brodina

Hello! To make Header and Footer overlap content set for Header/Footer properties Position "inline"
Image


Problem with the HTML component and responsive layout

Posted: Fri Sep 26, 2014 9:18 am
by David wyatt

Hi Jeff, did you figure this out as im having the same problem