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.
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"
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