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

Angular = full height panelbar

3 Answers 164 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Ján
Top achievements
Rank 1
Ján asked on 21 Jun 2017, 12:10 PM

Hello,

I§m trying to achieve a full height panel bar using Angular component. According to the docs and example here http://www.telerik.com/kendo-angular-ui/components/layout/panelbar/expand-modes/ , the 'full' mode is exactly what I want, keeping in mind that i have to set 'height' property.

The only difference between provided example and my case is that I'm setting the height property not from the input field, but as a result of a window.resize event (as I want the panel to occupy the full available height when window is resized). But the panel is not changing, it ignores the provided size (see attached screenshot).

The panel component is picking up the correct height value (as you can see on the right side of provided screenshot using Augury addon for chrome to inspect components), but its appearance is not affected.

 

Any ideas? Is that a bug?

3 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 23 Jun 2017, 07:56 AM
Hello Jan,

We were enable to reproduce the behavior on our end. Please send us a plunkr example or modify the one from our documentation, so we could inspect it locally and provide assistance.

Regards,
Dimiter Madjarov
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Ján
Top achievements
Rank 1
answered on 23 Jun 2017, 03:20 PM
Hello, here is the plunkr http://plnkr.co/edit/jdeJ403vrPTY7G4s3mBk?p=preview
0
Dimiter Madjarov
Telerik team
answered on 26 Jun 2017, 07:45 AM
Hello Jan,

The reason for the observed behavior is that the Full expand mode is not being applied. PanelBarExpandMode as an enumeration, which is evaluated as a number. Applying the correct expand mode resolves the issue, here is the updated example.

Regards,
Dimiter Madjarov
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
PanelBar
Asked by
Ján
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Ján
Top achievements
Rank 1
Share this question
or