@Html.EJ().Tooltip doesn't work

[Nicola]

Hi

I tried using @Html.EJ().Tooltip with your sample code in my MVC application but it doesn't work.

<div class="frame">
    <div class="img" id="sample1">
        <a target="_blank" rel='nofollow' href="image/taj.png">
            <img src="http://mvc.syncfusion.com/demos/web/content/images/tooltip/template-05.png" alt="Delphi">
        </a>
        <div class="desc">Delphi Succinctly</div>
    </div>
</div>
 
@Html.EJ().Tooltip("sample1").Content("Learn the fundamentals of Delphi to build a variety of solutions for many devices and platforms.")
 
<style>
    div.img {
        border: 1px solid #ccc;
        width: 159px;
        height: 213px;
        left: 35%;
        position: relative;
        top: 20%;
    }
 
        div.img img {
            width: 159px;
            height: 179px;
        }
 
    div.desc {
        padding: 8px;
        text-align: center;
    }
</style>

 

I tried with javascrit and it work !

<script>
    $("#sample1").ejTooltip(
		{
		     content: "JavaScript is the programming language of HTML and the Web."
		});
</script>

What's wrong ?

[Keerthana Rajendran]

Hi Nicola,   

   

Thank you for contacting Syncfusion support.   

   

We have prepared a sample using the attached code and we were unable to reproduce the issue. Please refer to the below given sample link .   

   

Sample: http://www.syncfusion.com/downloads/support/forum/131240/ze/Tooltip37594688.zip   

   

Ensure whether script manager has been rendered in the Layout page as    

   

@Html.EJ().ScriptManager()   

   

If you are rendering the control in unobtrusive mode, kindly check whether ej.unobtrusive.min.js file has been referred in the Layout.cshtml page.    

   

   

Regards,   

Keerthana. 

[Nicola]

Thank you very much but the problem was in the web.config   

<add key="UnobtrusiveJavaScriptEnabled" value="true" />

if set it to false , works !

[Prince Oliver]

Hi Nicola, 

Thank you for your update. 

We are glad to know that your problem is resolved. 

Regards, 

Prince 

[Pedro Faria]

Hi, I'm having the same problem that was described in this post.

The Tooltips work fine when UnobtrusiveJavaScriptEnabled is set to false, but the moment I set it to true it stops working. 

I need UnobtrusiveJavaScriptEnabled for the Jquery Unobtrusive Validation, so setting it false is not an option.

Can someone help me?

Thanks.

[Keerthana Rajendran]

Hi Pedro,   

   

Sorry for the inconvenience.   

   

Unobtrusive mode is rendered based on valid tags and tooltip control doesn’t provide any valid tags so currently this will not work with unobtrusive mode. We have already logged this as a feature and this will be included in any of our upcoming releases.   

   

Regards,   

Keerthana.  

 

[Pedro Faria]

Hi Pedro,   

   

Sorry for the inconvenience.   

   

Unobtrusive mode is rendered based on valid tags and tooltip control doesn’t provide any valid tags so currently this will not work with unobtrusive mode. We have already logged this as a feature and this will be included in any of our upcoming releases.   

   

Regards,   

Keerthana.  

 

Is there an ETA for the feature to be released?

Thanks

[Keerthana Rajendran]

Hi Pedro, 

 

We will  validate the feasibility to implement this feature in our end and prioritize this feature in the roadmap of upcoming release and update you the release timeline once the feature list has been finalized. 

 

Regards, 

Keerthana.