• Product

    Document Studio

    Generate, Sign, and Automate Salesforce documents with real-time sync

    Document Generation eSign Files CLM

    Experience Studio

    Build portals, apps, and forms directly in Salesforce with Dynamic data flow and adaptability

    Forms Flows Portals Surveys

    Go Unlimited

    Portals & Web Apps
    High-Volume Doc Gen
    Forms & Synced Surveys
    eSign & Contract Lifecycle
    Enterprise Compliance
    All-in-One Suite
    Book a demo
  • Solutions
    Financial Services

    KYC, mortgages, and compliance
    Healthcare

    HIPAA patient intake and portals
    Education

    Admissions and FAFSA automation
    Nonprofit

    Donors, grants, and workflows

    Legal

    Intake, contracts, and approvals
    Insurance

    Quoting, claims, and renewals 

    Go Unlimited

    Portals & Web Apps
    High-Volume Doc Gen
    Forms & Synced Surveys
    eSign & Contract Lifecycle
    Enterprise Compliance
    All-in-One Suite
    Book a demo
Log In Slack sales

Titan Support

How can we help you?

Platform

Position

Business Background

Change the position of the root of an element.

Use the Position option to customize elements in Web projects.

Position Styling
Position Styling
#OptionFunction
1PositionUse the position fields to specify the element’s position on the canvas.
2FloatYou can float the element over the parent strip, the page, or not at all.
3Inline positionUse the inline position to control how elements are displayed or interact with other elements on a webpage. This option is especially useful when using mobile device layouts.

Real-Life Example of How to Configure Position

Join us as we examine one of the many ways you can style an input element using the Position setting. Alternatively, contact us today if you have a specific business use case in mind.

The example below shows how to change the position of the root.

  1. Click the Styling icon to open the Styling panel.
Styling icon
Styling icon
  1. Click the Position option to expand it.
  2. Type values in the fields to configure the position of the element in pixels (for example) from the top and the left margins of the canvas.
    • By default, an element’s position is shown with values in the top and left fields, regardless of the project’s orientation (LTR or RTL).
    • When you drag the element to another position, these fields will change accordingly.
    • You can use top and left or right, and bottom and left or right.
Position styling
Position styling
Note:

The position of the element is, by default, shown in pixels. You can change this by clicking on the px to open the drop-down list.

This image has an empty alt attribute; its file name is image-188.png

  1. Use the position fields to determine if elements are aligned. In the example below, the two elements are the same distance from the left. The values will change as an element is moved.
Position styling
Position styling
  1. Use the drop-down list to select a float option:
    • No Float (default). The element will remain where you placed it or where you configured the position.
    • Over Parent: The element will be placed over the strip where it was originally placed. Use the next drop-down list to select a position.
    • Over Page: The element will be placed over the page where it was originally placed. Use the next drop-down list to select a position.
  2. Use the drop-down list to select a position for the option Over Parent or Over Page:
    • Bottom Right (default)
    • Top Left
    • Top Center
    • Top Right
    • Left Middle
    • Right Middle
    • Bottom Left
    • Bottom Center
Position styling
Position styling
  1. Use the fields to set the offset for the option Over Parent or Over Page:
    • Float X offset: The element will be moved along the X-axis as specified in pixels (for example).
    • Float Y offset: The element will be moved along the Y-axis as specified in pixels (for example).
Position styling
Position styling

The Only Forms Solution Built 100% in Salesforce.

Slack an expert