What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to reposition form on site? It's hanging off.

    Asked by Lisa Richards  on January 16, 2015 at 07:31 PM

    as you can see my form is not positioned right.  I will include the code as well.  Our website is currently under construction. 

    {% assign needs_form = false %}

    <div id="col-main" class="full content">

      <div id="page-header">
        <h2 id="page-title">{{ 'cart.general.title' | t }}</h2>
      </div>

      {% if cart.item_count == 0 %}
      <p class="empty">{{ 'cart.general.empty' | t }} {{ 'cart.general.continue_browsing_html' | t }}</p>
        {% if settings.show_right_column %}{% assign limit = 5 %}{% else %}{% assign limit = 4 %}{% endif %}
        {% include 'featured-products' with limit %}
      {% else %}
     
      <form action="/cart" method="post" id="cartform" class="clearfix">

          <table class="items">
            <colgroup>
              <col class="checkout-image" />
              <col class="checkout-info" />
              <col class="checkout-price" />
              <col class="checkout-quantity" />
              <col class="checkout-totals" />
              <col class="checkout-delete" />
            </colgroup>
       
            <thead>
              <tr class="top-labels">
                <th class="empty">&nbsp;</th>
                <th>{{ 'cart.label.product' | t }}</th>
                <th>{{ 'cart.label.price' | t }}</th>
                <th>{{ 'cart.label.quantity' | t }}</th>
                <th>{{ 'cart.label.total' | t }}</th>
                <th class="empty">&nbsp;</th>
              </tr>
            </thead>

            <tbody>
              {% for item in cart.items %}
              {% if item.product.tags contains "custom" %}
    {% assign needs_form = true %}
    {% endif %}

              <tr class="item {{ item.product.handle }}">
                <td>
                  <a target="_blank" href="{{ item.url }}">
                    <img src="{{ item | img_url: 'thumb' }}"  alt="{{ item.product.title }}" />
                  </a>
                </td>
                <td>
                  <a target="_blank" href="{{ item.url }}">{{ item.title }}</a>
                  {% for p in item.properties %}
                    {% unless p.last == blank %}
                      {{ p.first }}:
                      {% if p.last contains '/uploads/' %}
                      <a target="_blank" href="{{ p.last }}">{{ p.last | split: '/' | last }}</a>
                      {% else %}
                      {{ p.last }}
                      {% endif %}
                      <br />
                    {% endunless %}
                  {% endfor %}
                </td>
                <td>{{ item.price | money }}</td>
                <td> <input class="text quantity" type="text" size="4" id="updates_{{ item.id }}" name="updates[]" value="{{ item.quantity }}" class="replace" /> </td>
                <td>{{ item.line_price | money }}</td>
                <td><a class="btn remove-from-cart" target="_blank" href="/cart/change?line={{ forloop.index }}&quantity=0">{{ 'cart.general.remove' | t }}</a></td>
              </tr>
              {% endfor %}
            </tbody>
           
            <tfoot>
              <tr class="bottom-summary">
                <td colspan="3"></td>
                <td class="update-quantities"><input type="submit" id="update-cart" class="btn" name="update" value="{{ 'cart.general.update' | t }}" /></td>
                <td class="subtotal">{{ cart.total_price | money }}</td>
                <td>&nbsp;</td>
              </tr>
            </tfoot>
          </table>

          {% if settings.allow_note %}
          <div id="checkout-addnote">
            <label for="note"><a target="_blank" href="#" id="toggle-note">{{ 'cart.general.note_html' | t }}</a></label>
            <textarea id="note" name="note" class="hide">{{ cart.note }}</textarea>
          </div>
          {% endif %}

          <div id="checkout-proceed">
    {% if needs_form %}
    {% include 'custom' %}
    {% else %}
    <input type="submit" id="getout" name="checkout" value="PROCEED TO CHECKOUT" />
    {% endif %}

            {% if additional_checkout_buttons %}       
            <div id="additional-checkout-buttons">
              <span id="additional-checkout-buttons-label">{{ 'cart.general.additional_checkouts' | t }}</span>
             {{ content_for_additional_checkout_buttons }}
            </div>
            {% endif %}                      
          </div>
          
        </form>
      {% endif %}
    </div><!--/#col-main -->

     

    Page URL:
    www.bighornmeats.net

    site textarea size POST uploads name
  • Profile Image

    Answered by Lisa Richards  on January 16, 2015 at 07:47 PM

    Here's the screenshot.  It didn't load on my first post for some reason.

  • Profile Image

    Answered by Lisa Richards  on January 16, 2015 at 10:18 PM

    Nevermind.  I figured it out.  It's just the template I have for my website.

  • Profile Image
    JotForm Support

    Answered by jonathan on January 17, 2015 at 09:46 AM

    Hi Lisa,

    We apologize for the delayed response.

    I see that you had manage to resolved the issue already. 

    Please contact us again anytime should you require further assistance.

    Thanks.