• 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

Variant for Shape Element

Business Background

The Variant option is available for the Shape element. The variant determines what the shape will look like. This is a quick way to change a shape that is already on the canvas instead of dragging a new shape to the project.

How to Guide

  1. Click the + icon to open the list of elements.
  2. Select the Shape option from the list.
  3. Click-and-drag any shape element to the canvas, such as a rectangle.
  4. Click the Shape settings Gear icon. The Shape Setting screen opens.
Shape Settings screen
Shape Settings screen
  1. Open the Variant drop-down list and select an option. Some of the options are as follows:
    • Circle
    • Burst
    • Callout
    • SVG

The shape changes according to the option selected.

Example
Example
  1. Use the drop-down list to select the SVG variant.
  2. Paste the SVG code in the field.
  3. Change the ViewBox to define the position and dimension of the viewport (the visible area of the SVG image).
Note:

The ViewBox is represented as a string value that specifies four parameters: min-x, min-y, width, and height. These parameters define a rectangular area inside the SVG canvas.

Here’s what each parameter represents:

  • min-x: The x-coordinate of the top-left corner of the ViewBox.
  • min-y: The y-coordinate of the top-left corner of the ViewBox.
  • width: The width of the ViewBox.
  • height: The height of the ViewBox.

The ViewBox allows you to scale and position SVG content within the viewport, enabling responsive and scalable graphics. It’s particularly useful when you want to ensure consistent rendering across different screen sizes or when embedding SVG graphics in HTML documents.

The Only Forms Solution Built 100% in Salesforce.

Slack an expert