Forums

Diable Mouse Hover Effect

davidlee7621 04 Jul, 2014
Hi,

Please I need help to disable mouse hover effect in the text area box. Where do I do the settings?
I dont want the cursor to show when the user click on the textbox area.

e.g <span style="cursor:not-allowed">not-allowed</span><br>

Thanks
GreyHead 04 Jul, 2014
1 Likes
Hi davidlee7621,

I've never tried to change it before - didn't know that you can do it - but you can. Adding CSS to a Load CSS action in your form will change it.
#chronoform_test_submit textarea {
  cursor: not-allowed;
}
or
#chronoform_test_submit textarea {
  cursor: default;
}

Bob
davidlee7621 04 Jul, 2014
Thanks Bob, Please I am a novice with CSS.
What I want to do is that, I tried to display my data from my database into the text boxes of different fields. After the displaying the data, I want the textbox area to disable mouse hover or disable mouse cursor so that it wont allow the user to click on it except to see the data like a Label Text.

Or Is there another way to display data from my database in form of a Label Text.

Thanks
GreyHead 04 Jul, 2014
Answer
1 Likes
Hi davidlee7621,

In theory the easiest way is to set the textarea to 'readonly' or 'disabled' but ChronoForms v4 doesn't support that very easily (there is a FAQ if you want to try).

It's probably simpler to use a Custom Element element in your form and add <div>{input_name}</div> which should display the content as 'ordinary' text.

Bob

PS CFv5 does handle the attributes OK.
davidlee7621 04 Jul, 2014
Thank you so much Bob...

The Custom Element code work perfectly fine...
This topic is locked and no more replies can be posted.