This is a migrated thread and some comments may be shown as answers.

Height 100% is not working in chrome

7 Answers 144 Views
Grid
This is a migrated thread and some comments may be shown as answers.
axel
Top achievements
Rank 1
axel asked on 12 Nov 2015, 03:13 PM

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

7 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 16 Nov 2015, 02:29 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
axel
Top achievements
Rank 1
answered on 16 Nov 2015, 05:12 PM

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


 
0
axel
Top achievements
Rank 1
answered on 16 Nov 2015, 05:18 PM

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


 
 
0
Iliana Dyankova
Telerik team
answered on 18 Nov 2015, 02:39 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
axel
Top achievements
Rank 1
answered on 20 Nov 2015, 11:27 AM

You should revise the documentation.

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

http://dojo.telerik.com/EliyE

Thanks a lot, Iliana

0
Iliana Dyankova
Telerik team
answered on 24 Nov 2015, 12:32 PM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
axel
Top achievements
Rank 1
answered on 24 Nov 2015, 02:36 PM

fixed.

Many thanks, Iliana.

Tags
Grid
Asked by
axel
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
axel
Top achievements
Rank 1
Share this question
or