Angular = full height panelbar

4 posts, 0 answers
  1. Ján
    Ján avatar
    18 posts
    Member since:
    Jun 2017

    Posted 21 Jun Link to this post

    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?

  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2211 posts

    Posted 23 Jun Link to this post

    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.
  3. Ján
    Ján avatar
    18 posts
    Member since:
    Jun 2017

    Posted 23 Jun in reply to Dimiter Madjarov Link to this post

    Hello, here is the plunkr http://plnkr.co/edit/jdeJ403vrPTY7G4s3mBk?p=preview
  4. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2211 posts

    Posted 26 Jun Link to this post

    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.
Back to Top