[Solved] Apply delete confirmation CSS

[Kevin]

Is there a way to customize the look and feel of the delete confirmation screen?  Particularly we would like to be able to change the look of the 'OK' and 'Cancel' buttons.

Thank you,
Kevin

[Peter]

Hi Kevin,

Yes, this is possible with Templates. Here is the code which defines the insert and cancel button for the InlineEditTemple from the online example:

<InlineEditTemplate>
                <div id="InlineEditTemplate" class="rsCustomAppointmentContainer <%# Eval("AppointmentType.Text") %>">
                    <asp:TextBox ID="TitleTextBox" runat="server" Text='<%# Bind("Subject") %>' Width="90%" TextMode="MultiLine" Height="20px"></asp:TextBox>

                    <asp:LinkButton ID="InsertButton" runat="server" CommandName="Update">
                        <asp:Image runat="server" ID="insertImage" ImageUrl="Images/ok.gif" AlternateText="update" />
                    </asp:LinkButton>

                    <asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" CommandName="Cancel">
                        <asp:Image runat="server" ID="Image3" ImageUrl="Images/cancel.gif" AlternateText="cancel" />
                    </asp:LinkButton>

Note, that in addtion to the InlineEditTemplate, there are also AdvancedEditTemplate, AdvancedInsertTemplate and AppointementTemplate.

Should you have any questions, please feel free to contact us.



All the best,
Peter
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Kevin]

I am asking about a different screen.  The one I am talking about is the delete confirmation screen that appears when you click the delete button on an existing appointment.

This screen has the text "Are you sure you want to delete this appointment" (OK/Cancel).  We want to be able to change the look of the OK/Cancel buttons on this screen using a CSS.

Thank you,
Kevin

[Dimitar Milushev]

Hello Kevin Kalitowski,

Changing the look of the dialog buttons with CSS is quite easy as they have a CSS class assigned - rsDialogButton. For example, adding the following to your page will make the buttons' border red:

<style type="text/css">
.rsDialogButton
{
    border: 1px solid red;
}
</style>

Kind regards,
Dimitar Milushev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center