Changing the language in Smooth Signature

  • andimoe
    Asked on November 28, 2016 at 3:36 AM

    Hey Guys

    Is there any possibility to change the language, size and font of the "clear" button of the Smooth Signature widget?

    Thanks in advance for your reply

    Andi

  • Chriistian Jotform Support
    Replied on November 28, 2016 at 4:02 AM

    Hi,

    Yes there is a way to change the language, size and font of the "clear button". You only have to inject custom CSS in your form to change it. Can you give us more details about what you are trying to change in the Smooth Signature so that we can give you the proper CSS on your form?

    We'll be waiting for your response.
    Regards

  • andimoe
    Replied on November 28, 2016 at 4:44 AM
    Thanks a lot for your reply.
    Instead of the word “clear” I would like to have the German word “löschen” and the font size should be 16px.
    Kindest regards
    Von: JotForm [mailto:noreply@jotform.com]
    Gesendet: Montag, 28. November 2016 10:02
    An: Oetiker, Andreas
    Betreff: Re: Changing the language in Smooth Signature
    A new response has been received:
    /www.jotform.com>[Das Bild wurde vom Absender entfernt. JOTFORM]/www.jotform.com/>/www.jotform.com>
    Answered by Chriistian
    Hi,
    Yes there is a way to change the language, size and font of the "clear button". You only have to inject custom CSS in your form to change it. Can you give us more details about what you are trying to change in the Smooth Signature so that we can give you the proper CSS on your form.
    We'll be waiting for your response.
    Regards
    View this thread on browser » Unsubscribe Thread
    1480323757
    ...
  • Helen
    Replied on November 28, 2016 at 5:34 AM

    Hi Andi,

    Thank you for contacting us.

    You must inject these CSS codes into your widget "Custom CSS" field.

    .clearButton {

        visibility : hidden;

    }

    .clearButton:before {

        content : 'Löschen';

        font-size: 16px;

        visibility : visible;

    }

    To inject the CSS, simply click the wand icon on the top right of the widget. Then click the Custom CSS tab and paste the CSS code in the text area.

    Changing the language in Smooth Signature Image 1 Screenshot 30

    Everything works properly on my side, as you can see:

    Changing the language in Smooth Signature Image 2 Screenshot 41

    Please let us know, if you need further assistance.

  • andimoe
    Replied on November 28, 2016 at 7:44 AM
    That helped a lot.
    How can I now align the „Clear-Button“ on the left side?
    And how can I get rid of the underline?
    Kindest regards
    Andi
    Von: JotForm [mailto:noreply@jotform.com]
    Gesendet: Montag, 28. November 2016 11:34
    An: Oetiker, Andreas
    Betreff: Re: Changing the language in Smooth Signature
    A new response has been received:
    /www.jotform.com>[Das Bild wurde vom Absender entfernt. JOTFORM]/www.jotform.com/>/www.jotform.com>
    Answered by Helen
    Hi Andi,
    Thank you for contacting us.
    You must inject these CSS codes into your widget "Custom CSS" field.
    .clearButton {
    visibility : hidden;
    }
    .clearButton:before {
    content : 'Löschen';
    font-size: 16px;
    visibility : visible;
    }
    To inject the CSS, simply click the wand icon on the top right of the widget. Then click the Custom CSS tab and paste the CSS code in the text area.
    [Das Bild wurde vom Absender entfernt.]
    Everything works properly on my side, as you can see:
    [Das Bild wurde vom Absender entfernt.]
    Please let us know, if you need further assistance.
    View this thread on browser » Unsubscribe Thread
    1480329273
    ...
  • Helen
    Replied on November 28, 2016 at 8:23 AM

    Hi,

    You can add this CSS code to your form for aligning the clear button on the left side.

    .clearButton:before {

        margin-left:-404px; !important;

    }

    Then, for get rid of the underline:

    .sigNav a, .sigNav a:link, .sigNav a:visited, .sigNavImage a, .sigNavImage a:link, .sigNavImage a:visited {

        display: block;

        margin: 0;

        padding: 0;

        border: 0;

        color: #333;

        font-weight: bold;

        line-height: normal;

        text-decoration: none;

    }

    Everything works properly like that you want:

    Changing the language in Smooth Signature Image 1 Screenshot 20

    If you have any questions or issue, feel free contact us.