HomeHome Product Discus... Product Discus...SmithCartSmithCartHow to change submit payment busy mouse cursor icon?How to change submit payment busy mouse cursor icon?
Previous
 
Next
New Post
5/30/2012 5:02 PM
 

Hi SC,

I have DNN 6 and SC 4.99.

When a user clicks "Submit Payment" on the Confirm screen, the mouse cursor changes to a "please wait" symbol (a red circle with a line through it) and the submit button becomes disabled if the mouse hovers over it. That's to help prevent double payments I assume.

 

Can you tell me where this cursor icon is stored so that I can change it? A number of times our customers thought it looks like an error symbol and then hit the back button and buy again, which defeats the purpose... I'm not sure whether it's a DNN icon or a SC icon - I can't find it.

 

Thanks,

Daniel.

 
New Post
5/30/2012 8:24 PM
Accepted Answer 
Hi Daniel,
There isn't a cursor icon but im sure you could add one or style the button any way you like using css. Go to the \desktopmodules\smith.buynow folder and open "confirm.ascx" and locate the div titled "btnSubmitDisabledContainer" is the control you want to add your styles to.


Scott Kelly
Project Manager
DotNetNuke Consulting, DotNetNuke Store and DNN Ecommerce
 
New Post
5/30/2012 10:15 PM
 

Thanks Scott,

 

I've found out that since it is a disabled button, it's just using the default css not-allowed cursor. If anyone wants to change this in general then there are other cursors such as http://www.javascriptkit.com/dhtmltut...

 

Daniel.

 
New Post
5/30/2012 10:52 PM
 

Here is my final solution for those that might want to know:

In Confirm.ascx

 

 

<div id="btnSubmitDisabledContainer" runat="server" style="visibility:hidden; float:right; cursor:wait;" >
                <div class="b_left">&nbsp;</div>
                <div class="b_center">&nbsp;&nbsp;<asp:LinkButton ID="btnSubmitDisabled" runat="server" CausesValidation="false" Text="SUBMIT" CssClass="b_link" UseSubmitBehavior="false" resourcekey="btnSubmit.Text" Font-Size="12px" Enabled="false" style="text-decoration:none; cursor:wait;" />&nbsp;&nbsp;</div>
                <div class="b_right">&nbsp;</div>
            </div>

 

Seems to work, but I'm not css expert.

Now hopefully customers will just wait for the transaction to complete and not think the button is broken.

 

 
Previous
 
Next
HomeHome Product Discus... Product Discus...SmithCartSmithCartHow to change submit payment busy mouse cursor icon?How to change submit payment busy mouse cursor icon?