Cursor Wait on RadButton Click

[Glenn]

Have Radbutton on page displayed in Radwindow with OnClientClicking function:

 

function OnClientClicking(sender, args) {
                  document.getElementById('<%=form1.ClientID%>').style.cursor = 'wait';
                            }

The RadButton submits postback, but their is sometimes a delay.

The wait cursor displays when hovering on parts of the form that don't include controls (buttons, input controls)

Is there anyway to have the wait cursor show over the Radbutton as well, or all the controls would be better.

Thanks

[Marin Bratanov]

Hello Glenn,

Perhaps showing a RadAjaxLoadingPanel would be a more suitable solution, as it provides more consistent UI and will also consime any mouse clicks, while simply changing the cursor will not prevent clicks.

Nevertheless, I would suggest using a CSS class and a heavy enough selector so it overrides all child elements' own cursor properties. For example:

<telerik:RadButton ID="RadButton1" runat="server" Text="Postback" OnClientClicking="OnClientClicking" />
<script>
    function OnClientClicking(sender, args) {
        document.getElementById('<%=form1.ClientID%>').className = "waitingForm";
    }
</script>

.waitingForm,
.waitingForm *
{
    cursor: wait !important;
}

Regards,

Marin Bratanov
Telerik

[John]

That works for me if I specify a control on the page like;

function OnClientClicking(sender, args) {
                  document.getElementById('<%=radButton1.ClientID%>').style.cursor = 'wait';
                            }

 

It works just for the radButton though.

Specifying Form1 generates an error for. I guess since Form1 is defined in the master page. What if the form is defined in the master page, how do you get it's ClientId so the wait cursor covers everything?

 

 

[Peter Milchev]

Hello John,

You can access the Form via the page's Form property: 

function OnClientClicking(sender, args) {
    document.getElementById('<%=Page.Form.ClientID%>').className = "waitingForm";
}

Regards,
Peter Milchev
Progress Telerik

[John]

Sorry, I didn't come back and let you know back in August that this worked out well for me. Thanks Peter.