Height 100% is not working in chrome

[axel]

Hello,

the pager from the grid is not visible in chrome, if height is 100%.

In firefox and edge it works.

http://dojo.telerik.com/uxexu/2

 

Kind regards

[Iliana Nikolova]

Hi Axel,

According to web standards, 100% high elements cannot have siblings. Hence to achieve the expected result some additional JavaScript calculations / CSS styles are needed. Take a look at the updated dojo which demonstrates a possible implementation.

Regards,
Iliana Nikolova
Telerik

 

 

[axel]

Hi Iliana,

if you have only one view, it works fine.

Please look at my update. Navigate to the grid view and change the window size. 

http://dojo.telerik.com/ENigA

If one removes the transition, it does not work, even without changing the size.

 

regards

axel

 

[axel]

Hi Iliana,

This works well if you have only one view.

Please navigate to the grid view and change the window size.

http://dojo.telerik.com/ENigA

If one removes the transition, it does not work, even without changing the size.

best regards

axel

 

 

[Iliana Nikolova]

Hi Axel,

In order to achieve the expected you need the height of the view2  and its content (not the height of each view). Hence to achieve the expected result you could use #view2 in the selectors. Take a look at the updated dojo.

Regards,
Iliana Nikolova
Telerik

 

 

[axel]

You should revise the documentation.

To cap it all, my grid is groupable. Guess what....

http://dojo.telerik.com/EliyE

Thanks a lot, Iliana

[Iliana Nikolova]

Hi Axel,

I discussed the case with a colleague of mine and we could suggest a bit different approach - calculate the grid parent element height and call the resize method when the browser window is resized (updated dojo). 

Regards,
Iliana Nikolova
Telerik

 

 

[axel]

fixed.

Many thanks, Iliana.