| <telerik:GridTemplateColumn UniqueName="Product" DataField="Product" |
| HeaderText="Tuote/Lisätietoa"> |
| <EditItemTemplate> |
| <telerik:RadComboBox MarkFirstMatch="true" ID="ProductCombo" Runat="server" Width="100%" DataValueField="ProductID" LoadingMessage="Ladataan.." AllowCustomText="True" EnableLoadOnDemand="True" |
| onclientitemsrequested="OnClientItemsRequesting" |
| onitemsrequested="ProductCombo_ItemsRequested" ShowToggleImage="False" ShowDropDownOnTextboxClick="False" |
| CollapseAnimation-Duration="200" > |
| </telerik:RadComboBox> |
| </EditItemTemplate> |
| </telerik:GridTemplateColumn> |
function OnClientTabSelected(sender, eventArgs) {
var tabs = eventArgs.get_tab();
if (tabs.get_index() == 5) {
var ajaxManager = $find('<%= RadAjaxPanel1.ClientID %>');
ajaxManager.ajaxRequest(
"FillOutSummery");
RadToolBar1.FindItemByValue(
"2").Attributes("onclick") = "javascript:radconfirm('Are you sure?', event, 330,100,'','Confirm'); "
<script type="text/javascript">
//MAKE SURE THAT THE FOLLOWING SCRIPT IS PLACED AFTER THE RADWINDOWMANAGER DECLARATION
//Replace old radconfirm with a changed version.
var oldConfirm = radconfirm;
//TELERIK
//window.radconfirm = function(text, mozEvent)
//We will change the radconfirm function so it takes all the original radconfirm attributes
window.radconfirm =
function(text, mozEvent, oWidth, oHeight, callerObj, oTitle)
{
var ev = mozEvent ? mozEvent : window.event; //Moz support requires passing the event argument manually
//Cancel the event
ev.cancelBubble =
true;
ev.returnValue =
false;
if (ev.stopPropagation) ev.stopPropagation();
if (ev.preventDefault) ev.preventDefault();
//Determine who is the caller
var callerObj = ev.srcElement ? ev.srcElement : ev.target;
//Call the original radconfirm and pass it all necessary parameters
if (callerObj)
{
//Show the confirm, then when it is closing, if returned value was true, automatically call the caller's click method again.
var callBackFn = function (arg)
{
if (arg)
{
callerObj[
"onclick"] = "";
if (callerObj.click) {
callerObj.click();
}
//Works fine every time in IE, but does not work for links in Moz
else if (callerObj.tagName == "A" ) //We assume it is a link button!
{
try
{
eval(callerObj.href)
}
catch(e){}
}
}
}
//TELERIK
//oldConfirm(text, callBackFn, 300, 100, null, null);
//We will need to modify the oldconfirm as well
oldConfirm(text, callBackFn, oWidth, oHeight, callerObj, oTitle);
}
return false;
}
</script>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="" MultiPageID="RadMultiPage1" Width="470" Height="25" >
<Tabs>
<telerik:RadTab PageViewID="LatestNewsPageView"
ImageUrl="Handlers/GetMainTabImage.ashx?text=Latest News&tabImage=Normal"
SelectedImageUrl="Handlers/GetMainTabImage.ashx?text=Latest News&tabImage=Selected"
HoveredImageUrl="Handlers/GetMainTabImage.ashx?text=Latest News&tabImage=Hover" CssClass="Tabs">
</telerik:RadTab>
<telerik:RadTab PageViewID="BenifitsPageView"
ImageUrl="Handlers/GetMainTabImage.ashx?text=Benifits&tabImage=Normal"
SelectedImageUrl="Handlers/GetMainTabImage.ashx?text=Benifits&tabImage=Selected"
HoveredImageUrl="Handlers/GetMainTabImage.ashx?text=Benifits&tabImage=Hover" CssClass="Tabs">
</telerik:RadTab>
<telerik:RadTab PageViewID="VIPEventsPageView"
ImageUrl="Handlers/GetMainTabImage.ashx?text=VIP Events&tabImage=Normal"
SelectedImageUrl="Handlers/GetMainTabImage.ashx?text=VIP Events&tabImage=Selected"
HoveredImageUrl="Handlers/GetMainTabImage.ashx?text=VIP Events&tabImage=Hover" CssClass="Tabs">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
What I want to do is have a spacing of 4 pixels between each tab, so I have the following CSS
.Tabs
{
margin-right: 4px;
}
But this doesn't work.
What do I need to do to get the spacing between the tabs
Thanks
Nick
| <appSettings> | |
| <add key="Telerik.Skin" value="Office2007" /> | |
| <add key="Telerik.Grid.Skin" value="Office2007" /> | |
| <add key="Telerik.TabStrip.Skin" value="Vista" /> | |
| </appSettings> | |
