Fluid header without a table layout

Shane Knysh shared this question 2 years ago
Answered

Step 1 of the tutorial for a fluid header is:


"First step: define the layout using the ‘Table’ widget"


Is there a way to do a fluid header without a table?


http://www.justinmind.com/support/res...

Comments (3)

photo
1

Hi Shane,


If you want to avoid using a table you will need to calculate the resize of any element manually.


Best,


Sonia Durán

photo
1

Hi Sonia,


I've been trying that but the calculation doesn't seem to work.


https://www.justinmind.com/usernote/l...


I've set up a simple prototype that has a fluid header. but when I resize the box does not take up the entire width.


0ba4111a4a3be76be92ba40be6eb4b2d

photo
1

Hey Shane, Steve here from JIM.


The gap in the header is due to the resolution in your prototyping is small than your resolution of your monitor. I'm guess your prototype resolution is set at the default value of 1024 x 768. You can


The other (easier option) is to click that little gear next to "Simulate", and change the scale to "fit to screen".


05dacf52a361549239d3a67a2ddfdd33


Hope this helps!