Embed JotForm Flush Right

  • wpearson
    Asked on November 1, 2015 at 5:54 PM
  • mert JotForm UI Developer
    Replied on November 2, 2015 at 1:52 AM

    Hi,

    As far as I understand from your thread, you want to embed your form on right side of your webpage. Before embedding your form, you can inject "float: right" CSS code to make your form float right.

     

    .form-all {

    float: right;

    }

     

    Also, you can set its width to smaller value. With that, it occupies smaller place on your webpage.

    Embed JotForm Flush Right Image 1 Screenshot 40

     

    After these steps your form looks like similar with the image below:

    Embed JotForm Flush Right Image 2 Screenshot 51

     

    However, doing those is not enough to align your form to the right. First of all, you need to get embed code of your form. To do that, you can use IFrame method and then, you need to make sure you put your form to the div which is placed on the right side.

    For instance, if you check the image from the below, you need to place your form to the div called "#right-sidebar".

    Embed JotForm Flush Right Image 3 Screenshot 62 

     

    I hope these methods and information will meet your needs. For further assistance, please don't hesitate to contact us.

     

    Thanks.