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

radConfirm button width

4 Answers 209 Views

Window

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

4 Answers, 1 is accepted

answered on 24 May 2010, 07:09 AM

Hello Steve,

I tried following CSS on page in order to set same width for both buttons in RadConfirm. I hope this wont mess-up any other style applied for the controls.

CSS:

    
                <style type="text/css"> 
        
                    .rwPopupButton .rwOuterSpan .rwInnerSpan 
        
                    { 
        
                        width: 30px !important; 
        
                        text-align: center !important; 
        
                    } 
        
                </style>

-Shinu.

answered on 25 May 2010, 03:12 PM

Hi Steven Black,

You can change the ConfrimTemplate as described in the following help article:
http://www.telerik.com/help/aspnet-ajax/window_dialogschangingthedialogtemplates.html
The code below illustrates a simple example where both "OK" and "Cancel" buttons are with equal width.

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

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

<script type="text/javascript">

function confirmCallBackFn(arg)

{

}

</script>

</head>

<body>

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

<asp:ScriptManager ID="ScriptManager1" runat="server">

</asp:ScriptManager>

<div>

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">

<ConfirmTemplate>

<div class="rwDialogPopup radconfirm">

<div class="rwDialogText">

{1}

</div>

<div>

<a onclick="$find('{0}').close(true);" class="rwPopupButton" href="javascript:void(0);" ><span class="rwOuterSpan"><span class="rwInnerSpan" style="width:75px">##LOC[OK]##</span></span></a>

<a onclick="$find('{0}').close(false);" class="rwPopupButton" href="javascript:void(0);"><span class="rwOuterSpan"><span class="rwInnerSpan" style="width:75px">##LOC[Cancel]##</span></span></a>

</div>

</ConfirmTemplate>

</telerik:RadWindowManager>

<button style="width: 150px; margin-bottom: 3px;" onclick="radconfirm('Are you sure?', confirmCallBackFn, 330, 100, null,'RadConfirm custom title'); return false;">radconfirm dialog</button><br style="clear:both" /><br style="clear:both" />

</div>

</form>

</body>

Hope this helps.

Regards,
Petio Petkov
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.