File Ultimate height InPlace
Question asked by Fabio - March 16 at 6:47 AM
Answered
Hi,
 
Is there a way to fit 100% height FileUltimate in a div parent?
 
I only can choose Unit.Percentage in Width....Height doesn't work.
 
The only way that i found to fit in a middle of page (between header and footer) was using iframe and set displaymode to viewport in content page. But with iframe FileUltimate appears in Safari/IOS/iPhone but doesn't work clicks anywhere.

2 Replies

Reply to Thread
0
Cem Alacayir Replied
Employee Post
This is a HTML problem, you should make sure the parent element has explicit height set (it can be also 100% as long as it cascades to all parents). Otherwise the child element would collapse.
 
Width works because block-level elements have full width by default so they can automatically fill their parents horizontally. However Height is unknown if children's height are unknown.
 
Consider this simple element:
 
<div style="width:100%; height:100%; border: 1px solid red"> </div>
 
If you put this element instead of the FileManager component to the same place and you can make it expand to this parent, then FileManager will also behave the same when you replace it back.
 
This is how HTML works. For example, please see this answer:
 
So, your options are
1. Specify height exactly in pixels.
2. Use height 100% but make sure parent element height does not collapse (see above link for example)
3. Use CSS 3 flexbox or CSS2 table-cell, some solutions:
 
0
Fabio Replied
Hi, Cem Alacayir.
 
My parent div has 100% of height....
 
Without any height set in filemanager, the component assumes 600px of height.
 
But when i put:
 
fileManager.Height = Unit.Percentage(100);
 
Filemanager shows cropped with only 36px of height. And the parent div still with 100%.

Reply to Thread