Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

highlighting Form Fields


  #1  
Old Mar 26, 2012, 05:18 PM
--yeah--wow
 
In ATA / Style Forms I have set "Highlight Form Fields" to Yes. I noticed (used firebug) that "class= highlight" gets appended when a textarea has focus, but that this does not take place for single line input fields. So, highlighting only works for textareas, and not for single line input fields.

Is this a bug in Atahualpa? Or should I check the plugin FS Contact Form, which I use for this form?

I just checked: Submit Buttons: Hover Style and that doesn't seem to work either. Is this a different problem? And what is causing it?

Last edited by --yeah--wow; Mar 26, 2012 at 05:36 PM. Reason: additional info
  #2  
Old Mar 26, 2012, 06:02 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what version of Atahualpa and WP?
what is the URL of the page showing the issue?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Mar 26, 2012, 06:17 PM
--yeah--wow
 
Sorry, I forgot to insert that info.
WP 3.3.1.
Ata 3.7.3

Will send PM with URL.
  #4  
Old Mar 26, 2012, 06:36 PM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
CSS has an order of precedent.
the CSS in an external style sheet is used unless there is an
internal style sheet and then it's styling is used unless there is an
inline style (part of the element)

The atahualpa builds it's forms using 'class's and styles them in the style sheet (eithor internal or external. And form styling works fine when using a form built by atahualpa.

The form you are using looks like it is built by contact form 7 and has inline styling which overrides the Atahualpa styling.

You will need to look at the documentation for contact-form-7 and see how to changing the styling for it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 27, 2012 at 07:33 AM.
  #5  
Old Mar 27, 2012, 07:06 AM
--yeah--wow
 
I am using Fast Secure Contact Forms. It seems that both Atahualpa & FSCF are adding CSS for single line input fields and textareas. They seem to interfere and give different results for single line input fields and text areas. Quite confusing. I''ll look into it and see if I can shed any light in this.

Thanks so far.
  #6  
Old Mar 27, 2012, 08:05 AM
--yeah--wow
 
This is what I found out:
Atahualpa sets a Highlight class when an input field gets focus. This can be found in js.php at line 183.

In firebug I can see that it works for textareas, but not for single line input fields.

Could you shed some light on this?
  #7  
Old Mar 27, 2012, 08:19 AM
juggledad's Avatar
juggledad
 
23,682 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
The highlighting is done by a jscript code snippet.

For the HTML elements <textarea> or the HTML element <input> (which has a class of 'text', 'TextField', 'file', or 'password') the jscript will add a class of 'highlight' when you click in the field. This causes the highlighting to happen.

If the plugin you use can add those classes to the <inout> element, then the highlighting will work. Atahualpa can not control the classes or names or classes that plugins use.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by lmilesw; Mar 27, 2012 at 12:25 PM.

Bookmarks

Tags
form, highlighting, textarea

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I prevent my opt-in form fields from auto-expanding? Jane Center area post/pages 0 Feb 26, 2011 09:10 AM
Would like UI form fields to contain more than one line Fredo Center area post/pages 3 Aug 26, 2010 03:02 PM
Color of registration form fields paulae Atahualpa 3 Wordpress theme 2 Apr 5, 2009 03:00 PM


All times are GMT -6. The time now is 05:29 PM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.