We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Hyperlinks within Rotator control

Thread ID:

Created:

Updated:

Platform:

Replies:

109665 Jun 26,2013 01:40 PM Jun 28,2013 08:32 AM ASP.NET MVC (Classic) 3
loading
Tags: Tools
Doug Matulis
Asked On June 26, 2013 01:40 PM

Hello, 

Is there a way to have the current image displayed in a rotator control be a hyperlink to an external website?  We would also want each image to have a different link?

Thanks,
Doug Matulis

Sunil Prabakar C [Syncfusion]
Replied On June 27, 2013 04:53 AM

Hi Doug,

 

Thanks for contacting Syncfusion support.

 

To achieve hyperlink for required image in “Rotator” control, design required list items inside  <a rel='nofollow' href=””> tag. Please refer the following code snippet.

 

<Code>

 

[View]

 

<ul id="rotatoritems" class="visibleHide">

        <li>

         <a rel='nofollow' href="http://google.com">  <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/1.jpg")' width="110" height="100"/></li></a>

        <li>

         <a rel='nofollow' href="http://yahoo.com">   <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/2.jpg")' width="110" height="100"/></li></a>

        <li>

        <a rel='nofollow' href="http://gmail.com">    <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/3.jpg")' width="110" height="100"/></li></a>

        <li>

         <a rel='nofollow' href="http://ymail.com">   <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/4.jpg")' width="110" height="100"/></li></a>

        <li>

         <a rel='nofollow' href="http://syncfusion.com">   <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/5.jpg")' width="110" height="100"/></li></a>

        <li>

            <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/6.jpg")' width="110" height="100"/></li>

        <li>

            <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/7.jpg")' width="110" height="100"/></li>

</ul>

 

 

@Html.Syncfusion().Rotator("rotatoritems").Height(100).Width(110).ItemHeight(100).ItemWidth(110).Circular(true)

 

 

</Code>

 

Kindly let us know, if you have any other queries.

 

Thanks & Regards

Sunil Prabakar C

Doug Matulis
Replied On June 27, 2013 04:03 PM

Hi Sunil,

Thanks for your reply.  I had thought about using the hyperlink tag in the Razor code as you suggest and this does work.  Perhaps I could have asked my question a little more clearly. We are looking for a more dynamic approach where the link is not coded.  I was wondering there there was a way for the rotator to get /use the link address from the image properties/exif data?  Or perhaps is there a way to bind to a database table or something.  Our desire is to able to just update image files in a server directory and have them picked up and used dynamically.

Thanks,
Doug

Sunil Prabakar C [Syncfusion]
Replied On June 28, 2013 08:32 AM

Hi Doug,

 

We regret for inconvenience caused.

We have confirmed that the issue with “Hyperlinks within Rotator control not working when image load dynamically” is a defect and we have logged a defect report.

 

Please create a DT incident for your query so that we can update you accordingly.

 

You can create the DT incident from the following link.

http://www.syncfusion.com/account/dashboard

 

In the interests of maintaining confidentiality, we have a policy of not sharing proprietary customer specific information in the public Forum.

 

Kindly let us know, if you have any other queries.

 

Thanks & Regards

Sunil Prabakar C


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;