Craig Davis
Posts: 0
Joined: Wed Sep 04, 2013 1:57 am

Problem with the HTML component and responsive layout

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.

Igor
Posts: 0
Joined: Tue Apr 02, 2013 12:05 pm

Problem with the HTML component and responsive layout

Hello,

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

Jeff Givens
Posts: 0
Joined: Sat Aug 10, 2013 8:20 pm

Problem with the HTML component and responsive layout

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.

Craig Davis
Posts: 0
Joined: Wed Sep 04, 2013 1:57 am

Problem with the HTML component and responsive layout

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

Craig Davis
Posts: 0
Joined: Wed Sep 04, 2013 1:57 am

Problem with the HTML component and responsive layout

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

Serhii Kulibaba
Posts: 150
Joined: Tue Aug 27, 2013 1:47 pm

Problem with the HTML component and responsive layout

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

Craig Davis
Posts: 0
Joined: Wed Sep 04, 2013 1:57 am

Problem with the HTML component and responsive layout

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

Craig Davis
Posts: 0
Joined: Wed Sep 04, 2013 1:57 am

Problem with the HTML component and responsive layout

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

Maryna Brodina
Posts: 0
Joined: Thu Apr 05, 2012 7:27 am

Problem with the HTML component and responsive layout

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

David wyatt
Posts: 0
Joined: Mon Sep 15, 2014 7:12 pm

Problem with the HTML component and responsive layout

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

Return to “Issues”