kendo ui tooltip scrollable option

5 posts, 1 answers
  1. 민권
    민권 avatar
    3 posts
    Member since:
    Oct 2015

    Posted 11 Nov 2015 Link to this post

    I have developed during the current kendo ui
    This content was a problem loading the url is large y-axis scrolling occurs while using the tooltip function
    I am currently using IE
    In Chrome, this problem does not occur
    Have you ever wondered if such an option scrollable
  2. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 12 Nov 2015 Link to this post

    Hi,

    I am afraid that the issue is not reproduced on my side. Could you please provide a Dojo sample, or modify this one so the issue will be reproduced?

    Regards,
    Magdalena
    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
  4. 민권
    민권 avatar
    3 posts
    Member since:
    Oct 2015

    Posted 15 Nov 2015 Link to this post

    I'll show my sample code

     

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Kendo UI Snippet</title>

        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.default.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.dataviz.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.dataviz.default.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.mobile.all.min.css">

        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
    </head>
    <body>
      
    <span id="target" title="Tooltip content">
      Some content
    </span>

    <script>
      $(document).ready(function() {
        $("#target").kendoTooltip({
         content: {
            url: 'http://localhost:9070/mint/view/sub-an/sample-5.html'
          }
    , autoHide : false
    , width: '70%'
    , height: '70%'
        });
      });
    </script>
    </body>
    </html>​

  5. 민권
    민권 avatar
    3 posts
    Member since:
    Oct 2015

    Posted 15 Nov 2015 Link to this post

    I'll show my sample code


    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>Kendo UI Snippet</title>

        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.default.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.dataviz.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.dataviz.default.min.css">
        <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2015.3.1111/styles/kendo.mobile.all.min.css">

        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
        <script src="http://kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
    </head>
    <body>
      
    <span id="target" title="Tooltip content">
      Some content
    </span>

    <script>
      $(document).ready(function() {
        $("#target").kendoTooltip({
         content: {
            url: 'http://localhost:9070/mint/view/sub-an/sample-5.html'
          }
    , autoHide : false
    , width: '70%'
    , height: '70%'
        });
      });
    </script>
    </body>
    </html>​
    Using source files are also due to the extension will be changed to a jpg file
  6. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 16 Nov 2015 Link to this post

    Hi,

    Thank you for the provided code. I have create a sample in Dojo, but I am afraid that the issue is still not reproduced. You can watch this video as a part of the testing and tell me if there is missing something important. Could you please modify the sample so the issue will be reproduced?

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