Viewing 12 replies - 1 through 12 (of 12 total)
  • Hi Michael Junker can you share your URL?

    Thread Starter Michael Junker

    (@mjunker)

    This is due to your theme designed and are you using any plugin to split the content into two columns?

    Is the settings for each form the same or different?

    Thread Starter Michael Junker

    (@mjunker)

    the content split is done via the theme, and the two forms are different, but the the button styling in both form is the same for both buttons. meaning that the form an the right uses the same code for both button and same for right form, with the exception of margin width. ex for form on left:
    submit button
    cursor:pointer; margin-right:100px; box-shadow: 3px 3px 3px #888888;
    reset button
    cursor:pointer; margin:0; box-shadow: 3px 3px 3px #888888;

    Hi I had a look the code further….There is a difference between both forms…

    Form on the left…..

    <input id="fscf_submit1" type="submit" onclick="this.disabled=true; this.value='Submitting...'; this.form.submit();" value="Submit" style="cursor:pointer; margin:0;">
    <input id="fscf_reset1" type="reset" onclick="return confirm('Do you really want to reset the form?')" value="Reset" style="cursor:pointer; margin:0;">

    Form on the right………

    <input id="fscf_submit2" type="submit" onclick="this.disabled=true; this.value='Submitting...'; this.form.submit();" value="Submit" style="cursor:pointer; margin-right:100px; box-shadow: 3px 3px 3px #888888;">
    <input id="fscf_reset2" type="reset" onclick="return confirm('Do you really want to reset the form?')" value="Reset" style="cursor:pointer; margin:0; box-shadow: 3px 3px 3px #888888;">

    You can see the difference between the two codes from the above displayed.

    Thread Starter Michael Junker

    (@mjunker)

    I understand that the two forms are different, why are the buttons in the same form different? And how can I make them the same?

    All I want is the same shape buttons for submit and reset

    Hi if you see both codes I illustrated above, they tell you why one one button is different to the other button.

    Left form buttons

    style=”cursor:pointer; margin:0;”>

    Right form buttons

    style=”cursor:pointer; margin:0; box-shadow: 3px 3px 3px #888888;”>

    The following would create the different style buttons box-shadow: 3px 3px 3px #888888;

    Regards

    Thread Starter Michael Junker

    (@mjunker)

    Okay I do understand that one button has a shadow and the other doesn’t but the shape and color is different between the submit and reset button and that is not do to box-shadow: 3px 3px 3px #888888;

    I want to have both buttons shaped and colored the same forget the shadow

    I have checked both buttons and they look the same in Firefox and Google Chrome. I don’t know if you have made any changes?

    Thread Starter Michael Junker

    (@mjunker)

    okay when you go to the page the two buttons. submit and reset, both visually look the same??

    Is your issue now resolved or is there something else that needs to be addressed?

    Thread Starter Michael Junker

    (@mjunker)

    No the issue is still the same, but I guess I need to take care of it myself.
    Thanks for the effort

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘buttons for submit and rest’ is closed to new replies.