How do you customize a submit button in comments module?

Hi,
I want to create a customized submit button for the comments module. Right now, the submit button shows up as a css button, i.e. an ugly gray square:
http://www.graeagle.com/_blog/Graeagle_World/post/Artistic_Musings_in_Graeagle/
I have a button here http://www.graeagle.com/images/btn_submit.jpg
that I would like to swap out with the current css button.
Alternatively, I would be happy with just the factory system button for the OS.
I have looked at the modulestylesheets.css file and it appears the 'cat_button' style controlled the submit button.
I have tried to modify the css, yet nothing changed.
The issue seems to be only with the comments submit button since I have successfully changed the button on all my web forms for this site.
I have searched the KB but have found no real guide. So, I would most certainly appreciate a step by step approach since I'm coming up empty.
Cheers,
Michael

Hey Liam,
Thanks so much! The thing I neglected was changing the code on the Blog Details Module Template. So, from your links, I added new css code to my modulestylesheets.css file with the following:
submit
.submitBtn {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    color: #FFF;
    padding: 5px 40px 5px 40px;
    border: 1px solid #999;
    text-shadow: 0px 1px 1px #666;
    text-decoration: none;
    -moz-box-shadow: 0 1px 3px #111;
    -webkit-box-shadow: 0 1px 3px #111;
    box-shadow: 0 1px 3px #111;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #333333;
    background: -moz-linear-gradient(top, #333333 0%, #4F4F4F 50%, #333333 51%, #33333B 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#33333B), color-stop(0.4, #4F4F4F), color-stop(0.5, #111111), color-stop(.9, #33333B), color-stop(0.9, #33333B));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#33333B', GradientType=0 );
    cursor: pointer;
.submitBtn:hover {
    border: 1px solid #FFF;
Then under the Site Manager:Module Templates:Blog Post Details Layout I changed the following html code: 
<input type="submit" value="Submit" /> 
TO  
<button type="submit" class="submitBtn"><span>Submit</span></button>
And it worked like  a charm!
I wanted to post this here for future reference and help.
Again, thanks for the great tips!
Cheers!

Similar Messages

  • How can you get your submit buttons to be a single click instead of the default double click?  (The

    How can you get your submit buttons on the quiz template to be a single click instead of the default double click?  (The option to choose double click or not is not showing in properties for this).

    Hmmm... Submit button doesn't need a double click at all. Maybe you are talking about the two-step process? When you click on Submit, the feedback appears with the message to click anywhere or press Y. Is that what you are talking about? If you are talking about a real double-click, something must be wrong in your file. And which version are you using?
    http://blog.lilybiri.com/question-question-slides-in-captivate
    Lilybiri

  • How do you insert a submit button into your form?

    How do you insert a submit button into a form?

    Hi,
    The submit button is included automatically. If you are distributing your form as HTML you can use the Test tab to preview your form. If you are distributing your form as PDF, you would need to generate the PDF to see the submit button.
    Regards,
    Brian

  • Once you create a printable form in Acrobat Pro 9, how do you add a submit button?

    I have created printable PDF forms, but don't know how to add a submit button so they can be filled out and emailed. Currently if the people filling them out only have Reader they can only be printed out. They cannot be saved, and they cannot be emailed. Can the submit functionality be added in Adobe Acrobat Pro, or do you have to do that with a third party software?

    Yes, you can use the Extend Features in Adobe Reader, shown here but grayed out since I don't have a form open.
    When you do that, the people filling out the form will be able to Save a copy of the form for themselves and to forward a copy of the PDF to you. You might want to make a copy of the form first if you might have to make changes in the future since the Extended form cannot be edited directly.

  • How can i disable a submit button and execute submit_action method on click

    Good Day,
    On my page I have a submit button that execute the submit_action method of the page backing bean that submit data captured on the page into a database and activate another class that send mail at the same time on a click of the submit button,the mail process takes a while before returning back to the page.I was able to disable the submit button to prevent the user from keep click while the process is running but the issue is on clicking the submit button it only disable the submit button without executing the submit_action method of the page backing bean.How can i disable the submit button and execute submit_method of the backing bean at the same time.
    Thanks in advance.

    I tried this out on one of my pages to see if it works.
    First, I added the following JavaScript to my submit button's onClick event:
    this.disabled=true; return true;When I clicked the submit button, it was disabled but the form was not submitted.
    I deleted the JavaScript from the onClick event and added the following JavaScript to the form's onSubmit event:
    var button = document.getElementById("form1:submitButton"); button.disabled=true; return true;When I click the submit button, it was disabled and the form was submitted but the button's action method was not called.
    The next thing I tried was to change the onSubmit event code:
    var button = document.getElementById("form1:submitButton"); setTimeout("button.disabled=true", 500); return true;This seemed to work. The difference was that I added a 1/2 second delay before disabling the button.
    See if that works for you. If not then I'm fresh out of ideas.

  • I am trying to set up my newly purchased Apple TV but when I enter my network password while setting up, I am not able to enter the Submit button, any idea how to hit the visible submit button that is visible on screen but not responding?

    I am trying to set up my newly purchased Apple TV but when I enter my network password while setting up, I am not able to enter the Submit button, any idea how to hit the visible submit button that is visible on screen but not responding?

    You need to use the right arrow on the remote to go all the way to the right. The submit button will be highlighted and you can then press select on the remote to proceed.

  • How do I make a submit button work on a mobile oriented page?

    How do I make a submit button work on a mobile oriented page?  I have the .html file and the .data file (and one other kind), but it just spins and spins and spins when I try to send the form in (for an absence).  I'd like it to work on all devices.  Help?

    HTML forms don't do anything.  You need a form processing script to gather and process form data.  Which server-side scripts does your web hosting plan support -- php, asp, asp.net, perl?  This will determine which scripts you can use with your form.
    Nancy O.

  • How to apply style to submit button

    Hi All,
    I am developing an application in struts where I have multiple buttons on a single form. Each button corresponds to different action to be executed, and to achieve this I have used DispatchAction.
    Since I need to submit the data, I am looking for some ways through which I can put some style on submit button, such as putting an image over the submit button,giving it some border, some color and so on. I want to do this through CSS or if not possible through CSS then as inline style.
    I am using struts-html.tld tag library to render all the HTML controls.
    Any idea how to put images over submit buttons, or if putting an image is not possible then how to have style for it so that the look of submit button changes and the user feels as if it is a graphic button.
    Any help is appriciated.
    Thanks.

    You do realise there is an <html:image> tag which
    generates the html graphical submit button (ie <input
    type="image">) ?
    There are two tags in struts:
    <html:img> - generates an image tag: <img src="...">
    <html:image> - generates a graphical submit buttonYea, I do know this. But the problem is I don't have one submit button in my page. There are mroe than one buttons and each button calls a different method of the Action class. I could not get a way to pass the parameter name and parameter value using
    <html:image> tag.
    To be more clear, I need CRUD operations in one page and they all refer to one Action class. If I use html:image tag, I can't call seperate functions as it will then call the execute method. Also I don't want to have any javascript to call the relevant method from the Action class.
    Is there any way out? I am not a pro in struts, just s beginner, so any help is more than appreciated.
    Thanks.

  • How do you customize the toolbar in Windows XP?

    How do you customize the toolbar in Windows XP? When I right click on the menu bar the "Customize..." option is there but it does absolutely nothing.
    Which brings me to the rhetorical question as to why it was necessary to shuffle everything around, was it broken? Did it not work? Since 2006 I've moved my mouse pointer almost instinctively to the left side of the screen, now all of a sudden I have to go right, is there a point?
    This is like supermarkets that as soon as you have figured out where everything is, they shuffle everything around and now you are stuck in mystery shopping. At least they have economic reasons. Meanwhile Firefox seems disposed to make itself look more like Chrome, but hey if I wanted Chrome I'd get it.

    Nope... Thanks, but Safe Mode does not do the trick. Oh sure you can move the buttons around and rearrange things to your liking, unfortunately it does not stay that way once you get out of Safe Mode.
    I guess if you use an XP machine you are doomed to use FF's interpretation of what it should look like, which is ass backwards from what it has been for the past FIVE YEARS!!! Why not? It seems XP users are now the Freddo's of computing.
    Someone should go to you developer's homes move everything around, forks in the basement, beds in the bathroom, TV up in the attic with the mice, dining table outside on the porch, see how you like it.

  • How can i put a submit button in a survey and it send to my email

    how can i put a submit button in a survey and it send to my email?

    Hi williamm89908146,
    You need to open the form in which you want to put the submit button,
    then you have to choose 'Add new field' under Tasks pane on the right Hand side of the window.
    Choose 'Ok' Button
    Place the button at desired Location
    Change the field name to 'Submit'
    Click on 'All Properties' (Button Properties window Will open up)
    Click on Actions Tab and then on 'Select Action:'
    Choose 'Open a web Link' from the Drop Down Menu and then Click 'Add'
    another window will appear in which you have to type this:    mailto:[your email address], eg: mailto:[email protected] later click close
    Click Close Form editing on the right hand side of the window
    Clicking on the Button would open up your default email client and your address would appear in 'To' field.
    Please feel free if you face any challenges in following through these steps.
    Regards,
    Rahul

  • How do I set the Submit button to send the information directly to a specific email address?

    How do I set the Submit button to send the information directly to a specific outside email address? It isn't clear to me where or how it says that you can do this.

    Is this for a web form or a PDF? If PDF, you would have to use Acrobat to edit the form and replace the submit button action with either a "Submit a form" action using a mailto type URL, or use the doc.submitForm statement to do the same.

  • How can you hide a Continue button until all clickboxes are clicked?

    I have seen similar questions to this one, but none seemed to be the exact situation as mine.
    What I have: Several images on a screen.  When a user clicks an image it is replaced with another image.  I am using clickboxes for this task.  I do not wish for them to toggle back and forth. Once they click the original image it should stay changed.
    What I am trying to do: Once a learner clicks all the images (in no particular order) a Continue button appears that allows them to go to the next screen.
    If anyone has some suggestions on this situation please let me know, thanks.

    I cannot log in on the forum for the moment, so will try by answering by
    mail. I was aware of that problem (have presented those solutions so
    often), thought that since you left all images visible once the click box
    was clicked it wouldn't be a problem.
    Two possible solutions:
       1. Easiest one: add a statement in the Always decision that will Hide
       the click box just clicked. It has no sense to click it another time. That
       will mean that you still can do it with a shared action but that shared
       action will have two parameters now, the second one being the click box
       that has to adapted on each application of the shared action.
       2. If you don't want to make the click box hidden (which means at the
       same time disabled), you'll need a user variable for each click box,
       starting with a default value of 0, and toggle it in the Decision 'Always'
       to 1. The second decision will then need a condition that checks the value
       of all the user variables (with AND) and shows the Next button only when
       all variables have the value of 1.
    Sorry, but have to mail, cannot offer a screenshot in that case.
    Lilybiri
    2014-03-13 5:31 GMT+01:00 Joseph_McDonald <[email protected]>:
        Re: How can you hide a Continue button until all clickboxes are
    clicked?  created by Joseph_McDonald<http://forums.adobe.com/people/Joseph_McDonald>in *Advanced
    Adobe Captivate Users* - View the full discussion<http://forums.adobe.com/message/6205043#6205043

  • How do you enable 'Create Content' button on 'Add Content' page?

    How do you enable ‘Create Content’ button on ‘Add Content’ page?
    There is new functionality to a ‘Layout’ type personalization page like ‘Sales Dashboard’.
    Bug 4503123 INCONSISTENT WAY OF ADDING USER-DEFINED REGIONS ON WYSIWYG PAGE:
    There’s no way to add custom content to a configurable page.
    Add a “Create Content” button and let the user create a piece of content that extends to a region he creates.
    It says: Fixed->11.5.10.3CU
    In Oracle® Application Framework Personalization Guide Release 11i Part No. B25439-02 it says:
    p 4-5
    If you personalize a non-configurable page (a page that does not have the necessary metadata to personalize its layout) or when you run your application in Accessibility mode (profile option Self Service Accessibility Features (ICX_ACCESSIBILITY_FEATURES) is set to Standard Accessibility), you will not see the Page Layout Personalization page, as shown below. Instead, you will see the Page Hierarchy Personalization page, page 4-12, where you can perform the same personalization functions, using a descriptive tabular user interface.
    It tried this and can’t get it to display.
    Has anyone run accross this before?

    user587952,
    Can you describe your issue in detail forgetting those references for the time being. What exactly are you trying to do?
    Check this from the dev guide:
    In order to be able to take full advantage of page layout personalization capabilities, it is important when you create your configurable page, to use flexibleLayout and flexibleContent regions at all levels when you create the page hierarchy structure under your page layout region. In Oracle Applications, this is required, as it is the coding standard.
    --Shiv                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

  • How do you customize toolbar in Numbers 3.0?

    How do you customize toolbar in Numbers 3.0?

    Hi Rellim,
    The Format Inspector > Text has the tools
    Regards,
    Ian.

  • How do you Customize the weather on the home page and make it default to that setting? I have Customize several times and it keeps changing back to McLean, VA in English

    How do you Customize the weather on the home page and make it default to that setting? I have Customize several times and it keeps changing back to McLean, VA in English.
    [email protected]

    '''''What''''' webpage do you have set as your homepage? <br />
    Are you saving cookies for that page?

Maybe you are looking for