Change the look of the form

  • Profile Image
    sumaira.abdulkarim
    Asked on September 01, 2020 at 08:10 AM

    Hello I want to create form like this. https://form.jotform.com/kentzo/nextdaydelivery

    I am unable to create header like in this form. In sample form header has two color shade and its width is small. I am sending my form link and form header screen shot.

    Please help me to create form like this.https://form.jotform.com/kentzo/nextdaydelivery


  • Profile Image
    Yvette_L
    Answered on September 01, 2020 at 10:50 AM

    Hi,

    Thank you for your question. 


    Please see below screencast how to do both things you've asked in your thread.

    1598971526gifsy.gif


    To get any custom color gradient for your header please go to this site: https://cssgradient.io/ , which will give you the code you have to paste to the custom CSS field.

    1598971832CSS Gradient — Generator, Ma


    Please let me know if this helps!

    Thank you!

  • Profile Image
    sumaira.abdulkarim
    Answered on September 01, 2020 at 01:28 PM
    Thanks, I have successfully changed the width and color of the header.
    How can I change the background of questions. I want spacing from the start.
    My form link: https://form.jotform.com/202435265048048
    ...
  • Profile Image
    Yvette_L
    Answered on September 01, 2020 at 03:07 PM

    Hi,

    I'm glad you managed to successfully change the settings!

    Please see the screencast below how to change the background of the questions and add some spacing in the front.


    1598987053cssssssssssss.gif


    Thank you, please let me know if you have any more questions!

  • Profile Image
    sumaira.abdulkarim
    Answered on September 06, 2020 at 11:28 AM
    Hi! How can I add clickable whatsapp like in the attached image?

    Virus-free.
    www.avast.com

    <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
    ...
  • Profile Image
    roneet
    Answered on September 06, 2020 at 11:48 AM

    To add a clickable image, please follow this guide:

    1599406990_5f55038ee46e3_form.gif

    1. Upload your image(s) with using the "insert image". You can see "icon" of insert image on the below screenshot.
    2. After select your image in text editor (select your image right to left like a text), click to link icon. After that "Insert Link" box will be pop. Now you can write your link for image.
    3. Now when your image is clicked, users can go to link. 

    Unfortunately, we have not received any screenshot in your last post. Please upload it once again. If you something different than the above please let us know we will take another look.

    Thanks.

  • Profile Image
    sumaira.abdulkarim
    Answered on September 06, 2020 at 01:28 PM
    Thanks I understand the method.
    ...
  • Profile Image
    sumaira.abdulkarim
    Answered on September 16, 2020 at 02:28 AM
    Hi! Can I convert PDF form to online fillable form? It's urgent.

    ...
  • Profile Image
    roneet
    Answered on September 16, 2020 at 04:04 AM

    I have moved your next concern in this ticket:

    https://www.jotform.com/answers/2578814

    We will address it shortly.

    Thanks.

  • Profile Image
    sumaira.abdulkarim
    Answered on December 08, 2020 at 10:55 AM
    Hi! I need help. I am stuck in a project. I have a PDF form that has
    calculation fields in it. I am sending it please check this file.
    I want the same calculation in Jotform as in the PDF file is it possible?
    I am sending you my jotform link.
    https://form.jotform.com/203402498556055

    --
    *Sumaira A-Karim*
    Freelancer, Fiverr
    sumaira.abdulkaim@gmail.com
    Multan, Pakistan

    Create your own email signature

    ...
  • Profile Image
    Rehan_F
    Answered on December 08, 2020 at 12:35 PM

    Greetings Sumaira,

    I've moved your new concern to a new ticket, You'll receive a response to it shortly on the link below.

    https://www.jotform.com/answers/2752928

    Thanks