margin between stacked notifications

4 posts, 0 answers
  1. Morten
    Morten avatar
    277 posts
    Member since:
    Jul 2012

    Posted 09 Feb Link to this post

    I'm trying to add a little margin between stacked notifications to visually better separate individual notifications, however, I can't get the css right.

    All demo's of stacked notifications has zero margin.

    Do you have any suggestions?

  2. Patrick
    Admin
    Patrick avatar
    203 posts

    Posted 10 Feb Link to this post

    Hello Morten,

    One way to separate notifications would be this:
    div.k-animation-container{
      padding-bottom: 5px; 
    }

    You can see this approach in this Kendo UI Dojo by Progress.

    Hope this helps!

    Regards,
    Patrick
    Telerik by Progress
    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. Morten
    Morten avatar
    277 posts
    Member since:
    Jul 2012

    Posted 11 Feb in reply to Patrick Link to this post

    Hi Patrick,

    I would like to set the padding in my global stylesheet and only affect notifications.

    Do you know if the generally looking css class "k-animation-container" is used with any other widget in the kendo ui framework?

    /Morten

  4. Patrick
    Admin
    Patrick avatar
    203 posts

    Posted 13 Feb Link to this post

    Hello Morten,

    Please take a look at this documentation pertaining to the HTML Output of the notification.  .k-animation-container is used for the Kendo UI popups.  

    I hope this clears things.

    Regards,
    Patrick
    Telerik by Progress
    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