Container not auto-sizing to fit content

2 posts, 0 answers
  1. Randolph
    Randolph avatar
    3 posts
    Member since:
    Jul 2014

    Posted 08 Jan 2015 Link to this post


    I've been using the Kendo Notification and I swear it automatically re-sizes the notification to fit the message or content. But suddenly that behavior just stopped. I'm not sure what I did wrong. Here's the some code snippet and a screenshot:

    <span id="useAIbleGlobalNotification"></span>
    <script type="text/javascript">
    var useAIbleNotification;
      useAIbleNotification = $("#useAIbleGlobalNotification").kendoNotification(
                        position: {
                            top: null,                        
                            bottom: 20,
                            left: 20,
                            right: null,

    I call it like these:"my message", "success");

    As you can see I purposely positioned it to the lower left corner so that I won't worry about the content being too long. But now the notification is no longer re-sizing to fit the content. I tried manually putting a width but it doesn't re-size and just stays the same every time. What am I doing wrong?

    Thank You

  2. Dimo
    Dimo avatar
    8318 posts

    Posted 08 Jan 2015 Link to this post

    Hi Randolph,

    You either have some hard-coded width styles, which are related to the Notification widget, or the Notification popup on your screenshot has not been the first one to be displayed in a stacked collection:

    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top