This is a migrated thread and some comments may be shown as answers.

kendo ui tooltip scrollable option

4 Answers 389 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
민권
Top achievements
Rank 1
민권 asked on 11 Nov 2015, 08:33 AM
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

4 Answers, 1 is accepted

Sort by
0
Accepted
Magdalena
Telerik team
answered on 12 Nov 2015, 11:34 AM
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!
 
0
민권
Top achievements
Rank 1
answered on 16 Nov 2015, 12:57 AM

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>​

0
민권
Top achievements
Rank 1
answered on 16 Nov 2015, 01:02 AM
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
0
Magdalena
Telerik team
answered on 16 Nov 2015, 11:27 AM
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!
 
Tags
ToolTip
Asked by
민권
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
민권
Top achievements
Rank 1
Share this question
or