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

Is it possibe to apply javascript to the tab images specified via ImageURL and HoveredImageUrl

5 Answers 43 Views

TabStrip

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

5 Answers, 1 is accepted

Accepted

answered on 12 Mar 2010, 09:44 AM

Hi Paul Squance,

The other option is to use jquery to subscribe to click event of the images like this:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ss" runat="server" />

<div>

<telerik:RadTabStrip ID="tabStrip1" runat="server">

<Tabs>

<telerik:RadTab Text="tab 1" ImageUrl="images/1.gif" />

<telerik:RadTab Text="tab 2" ImageUrl="images/2.gif" />

</Tabs>

</telerik:RadTabStrip>

</div>

</form>

<script type="text/javascript">

function pageLoad() {

var $ = $telerik.$;

$('.rtsImg').click(function() {

alert("You clicked image for " + this.nextSibling.innerHTML);

});

}

</script>

</body>

</html>

Please try this and let us know how it goes.

All the best,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.