Joe T
Member
I'm unable to find the source of my pain with this form which incorporates (or attempts to incorporate) some of your Likert goodness.
Can you discern the issue?
https://shrfp.com/2011-customer-update-webinar-registration
Click "Yes" on the bottom question to reveal my likert pain :)
Thanks in advance!
Joe
Could be a couple of things. It looks like the jQuery needed to pull of the styles in the demo isn't being loaded. If you're loading that from somewhere and I've missed it, then it's going to be a script conflict with something else in your theme. I'm assuming if so, it's probably with whatever your theme uses to replace the default form field selects/checkboxes with images.
Joe T
Member
Yeah, the theme has an interesting approach to loading JS in the head. There is a theme options dialog in which I paste the java script. Without pasting the script, the radio buttons always just show up in a line as they normally would. If I paste the js in the form, I get the correct hover = blue and selected =- blue, but no check mark, no sizing of the field, and on IE and FireFox I get to see radio buttons in any non-selected box.
So you think the issue is a script conflict, not CSS?
Joe T
Member
Here is how the link to the script shows up in the head: https://shrfp.com/?ws_theme__custom_js=1&ver=110709-1107632956
Yeah, you're right. In looking at it a little closer, I do see that the jQuery is correctly adding the additional markup client side for the labels, etc. I guess the script is working properly for that part.. that's really the meat of what it's there for.
It does look like this is some sort of CSS/positioning problem with the actual radio inputs. The labels are showing, but the inputs are inheriting some styling thats conflicting with what you're trying to accomplish with the likert styles. I gave it a quick look but didn't see exactly what it was. I'd focus my attention on that and see what you can find.
EDIT: I found that if I put the CSS inline in a style block on your page, it works properly.
screenshot: http://bit.ly/qhUs52
I think your dynamic CSS file is jacking up the styles somewhere along the way so they're not being applied properly. You may want to try including them manually. If you really need, you could include them in an HTML block at the beginning of the form itself. It's not ideal, but should work if changing your theme is a big hassle.
Joe T
Member
Hi Kevin,
I can't even make it work with an html injection of the likert css. Would you mond sharing how you did that? I'll take parts away until I figure out what is causing the conflice and then look at that part in the style.css file I guess...
Thanks again for what is always the best support in the business.
What I showed you was a firebug window. If you're not familiar with that, it's a free developer plugin for Firefox that's pretty much magic for debugging stuff like this. There is an HTML view that lets you view/edit the HTML on the fly so you can test. I just copied the styles from the demo page and pasted them into the existing style block you already have just before the closing head tag. Once I did that, I got the result you see in the screenshot.
It could be where you're placing the styles in the markup. Try putting them after all of the other stylesheets are referenced, just before the closing head tag. If that doesn't work, there's some other mysterious evil happening on your theme that's preventing those styles from doing their thing.
Joe T
Member
I'll try getting the code into the head. The head of this theme is all derived from a bunch of php, so it's not as obvious as many others where things start and end.
FYI - Jamming the css into a Style block in an html form component did not work.
Joe T
Member
Nothing works for likert with evil S2 Clean theme. Too bad.
Once evil theme went away making likert work was a snap.
Something to figure out some other day...
Thanks again for the help. This is the best commercial plugin for Wordpress in the universe!
Glad I could help out. Trying to make some of this stuff work with a 1000 different themes and what seems like a million different plugins can make you cross-eyed. Thanks for the kind words too. We really appreciate it.
