Submit button change

Issues related to forms.
Post Reply
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Submit button change

Post by windsurfer »

On the contact us form in put in the object html/custom style
<style>
li.pointer {
cursor:pointer;
}
</style>

I assigned the class li.pointer

But it won't change the cursor into a hand when i hover over the button, why would that be ?
I used to have a photographic memory but i ran out of film !!!
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Submit button change

Post by crispy68 »

If it is a standard button you are using with type submit, then you don't need to assign a class and all of that code.

All you need to do is under the Custom Style tab is add:

Code: Select all

cursor:pointer;
As it is already sticking the above code in a style tag.

To answer your first question if you want to use all that extra code to achieve the same thing:

1. Don't use a ''.' in your class name. Use a dash instead. Two dots will make it seem there are 2 class names.
2. Your code is wrong. The class name should have a preceding dot. like such:

Code: Select all

.li-pointer{}
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Submit button change

Post by windsurfer »

Great, thanks
I' m just wondering if on the file upload when i select submit there could be an animation so the person knows something is happening.
I used to have a photographic memory but i ran out of film !!!
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: Submit button change

Post by BaconFries »

why would that be ?
Because the hand cursor is used to show the presence of a hyperlink as a button isn't then the default pointer is applied.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Submit button change

Post by crispy68 »

Only suggestions here but maybe:

1. You insert some sort of animated submit button instead of a normal button. If you google, you can find many code samples of this.
2. When the submit button is clicked it triggers some event to show something else indicating the upload is in progress
User avatar
BaconFries
 
 
Posts: 5325
Joined: Thu Aug 16, 2007 7:32 pm

Re: Submit button change

Post by BaconFries »

WWBman
 
 
Posts: 916
Joined: Fri Jan 08, 2010 6:10 pm

Re: Submit button change

Post by WWBman »

BTW the cursor change can be done using the button's Object Properties > General > Style and select Cursor > pointer in either Custom Style or add a new style.
windsurfer
 
 
Posts: 181
Joined: Mon May 13, 2019 9:15 pm

Re: Submit button change

Post by windsurfer »

Thanks i did find the properties for the cursor
I installed the Particles button but when i don't enter a value in a required field and select the button it will give me an error message and the button disappears.
Also i can only have people submit jpg,jpeg, pdf files so i selected a different extension file on purpose and the file got submitted so that button won't work for me but thanks anyway.
I used to have a photographic memory but i ran out of film !!!
Post Reply