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

    Hi,

    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;
    $(document).ready(function(){
      useAIbleNotification = $("#useAIbleGlobalNotification").kendoNotification(
                    {
                        position: {
                            top: null,                        
                            bottom: 20,
                            left: 20,
                            right: null,
                        }
                    }).data("kendoNotification");
    }
    </script>


    I call it like these:
    useAIbleNotification.show("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
    Admin
    Dimo avatar
    8330 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:

    http://www.telerik.com/forums/different-width-message-clipping-issue

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top