Loading Profile...
How do I customize the "Continue" button on the feedback page widget?
I added the feedback page widget to my website page, but the continue button is blue. It looks really bad with the colors on the rest of the website. How do I customize this? I see that you can add a css reference to the widget, but what is the name of the class I should define?
Along the same lines, after you click "continue", it does a search and has a "none of these fit" button. What is the name of the class for this button? I assume it is the same, but I wanted to ask.
Along the same lines, after you click "continue", it does a search and has a "none of these fit" button. What is the name of the class for this button? I assume it is the same, but I wanted to ask.
I’m unsure
2
people have this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
The best answer from everyone
-
The continue button is an input with class="submit". So with input.submit you should be able to customize it.
To include CSS you add your CSS file to "Custom CSS File URL" when creating the widget, or you can also add
feedback_widget_options.custom_css = "http:\/\/www.serena.com\/name-of-css.css";
to the JavaScript before
var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
The company and 1 other person say
this answers the question
-
Inappropriate?The continue button is an input with class="submit". So with input.submit you should be able to customize it.
To include CSS you add your CSS file to "Custom CSS File URL" when creating the widget, or you can also add
feedback_widget_options.custom_css = "http:\/\/www.serena.com\/name-of-css.css";
to the JavaScript before
var feedback_widget = new GSFN.feedback_widget(feedback_widget_options);
The company and 1 other person say
this answers the question
-
Inappropriate?FYI, this feature is pending an update to our software later tonight.
-
-
Inappropriate?I am finally getting back to this topic, but I don't think it's working. In my style sheet, I have this code, which does not affect the page at all:
input.submit {background-color: #ffcc99; }
I know that the widget is using my style sheet because I can change it to use the id name instead, and this works:
#topic_submit {background-color: #ffcc99; }
The problem is that the id name only affects this first button. The other buttons in the widget (i.e. "none of these fit, post my idea", "post feedback", and "send private feedback") don't have an id name. So, I can't change them by id.
Am I missing something obvious, or is this just a bug? Thanks for all your help. You guys have been great.
I’m unsure
-
Inappropriate?Oh, it's probably because of CSS specifity. You can read more about it at http://htmldog.com/guides/cssadvanced...
I just did a customization here, and I used the following: "#feedback form input.submit {}", which worked fine!
1 person says
this answers the question
-
Inappropriate?Great! I use devguru a lot, but I haven't used htmldog. It has some great info. Thanks. You are right. I needed to be more specific with the css definition.
I’m happy
EMPLOYEE
