Page 1 of 1

Submit button change

Posted: Sat Feb 20, 2021 3:54 pm
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 ?

Re: Submit button change

Posted: Sat Feb 20, 2021 4:00 pm
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{}

Re: Submit button change

Posted: Sat Feb 20, 2021 4:06 pm
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.

Re: Submit button change

Posted: Sat Feb 20, 2021 4:09 pm
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.

Re: Submit button change

Posted: Sat Feb 20, 2021 4:10 pm
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

Re: Submit button change

Posted: Sat Feb 20, 2021 4:16 pm
by BaconFries

Re: Submit button change

Posted: Sat Feb 20, 2021 4:28 pm
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.

Re: Submit button change

Posted: Sat Feb 20, 2021 4:51 pm
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.