how to create transparent image

  • sanaullahrais
    Asked on April 5, 2014 at 12:15 AM

    please tell me how to create transparent image because i want to put transparent images on my jotform.Please help me

  • jonathan
    Replied on April 5, 2014 at 9:13 AM

    Hi,

    Please review this guides

    1. -How-to-Make-the-Background-of-a-Form-Transparent

    2. -How-to-Adjust-the-Opacity-of-a-Form-s-Background

    BUT if you are looking for image opacity or transparency, you should instead use an image editor like Photoshop or Photo Editor where you can use layering and image transparency editor.

    The Jotform form builder currently do NOT have a built-in image editor. So, this is not something you can achieve if its a transparent image you want to create.


     Hope this help Inform us if you need further assistance.

    Thanks!

  • johndoee
    Replied on May 6, 2014 at 2:53 AM

    i have Adobe Photoshop image editor, and i am planning to create a transparency image like http://www.jotform.com/answers/213041-automatically-resize-image-upload-when-greater-than-the-allowed-max-file-size-allowed?entrymessage=10732640770, thanks

  • Welvin Support Team Lead
    Replied on May 6, 2014 at 6:13 AM

    Your question is related on creating transparent images. But the thread you've shared is related to automatic resizing of images that are uploaded to the form using our File Upload field.

    Are you, perhaps, trying to ask on how to automatically convert an image to non-transparent to transparent using our forms? If yes, unfortunately, that is not possible to us.

     

    If you are trying to add a transparent "image" as background of the form, then that is possible. Let us know the link of the Transparent Image so we can have you the correct Custom CSS codes that you will inject to the form.

    Example custom CSS codes for form background image:

    .form-all {

    background-image: url ('http://www.site.com/image.jpg');

    }

    Change "http://www.site.com/image.jpg" to your own transparent image link.

     

    I hope that helps.

    Thanks

  • Welvin Support Team Lead
    Replied on May 6, 2014 at 6:17 AM

    I forgot to add, you can inject the custom CSS codes to the form by following this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Thanks