urlscan.io logo urlscan.io
SecurityTrails logo

help.smartsheet.com Open in urlscan Pro
151.101.130.191  Public Scan

Back to summary
Submitted URL: https://protect-us.mimecast.com/s/8fQiCgJxX7uR3wvJt2_D4L?domain=help.smartsheet.com
Effective URL: https://help.smartsheet.com/articles/2482491-customize-form-appearance
Submission: On February 07 via api from US — Scanned from US

Form analysis 3 forms found in the DOM

POST /articles/2482491-customize-form-appearance

<form class="lang-dropdown-form lang_dropdown_form clearfix language_interface" id="lang_dropdown_form_lang-dropdown-form" data-drupal-selector="lang-dropdown-form-2" action="/articles/2482491-customize-form-appearance" method="post"
  accept-charset="UTF-8">
  <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-lang-dropdown-select form-item-lang-dropdown-select form-no-label">
    <label for="edit-lang-dropdown-select--2" class="visually-hidden">Select your language</label>
    <select style="width:50px" class="lang-dropdown-select-element form-select" data-lang-dropdown-id="lang-dropdown-form" data-drupal-selector="edit-lang-dropdown-select" id="edit-lang-dropdown-select--2" name="lang_dropdown_select">
      <option value="en" selected="selected">English</option>
      <option value="de">Deutsch</option>
      <option value="es">Español</option>
      <option value="fr">Français</option>
      <option value="it">Italiano</option>
      <option value="pt">Portuguese</option>
      <option value="ru">Pусский</option>
      <option value="ja">日本語</option>
    </select>
  </div>
  <input data-drupal-selector="edit-en" type="hidden" name="en" value="/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-de" type="hidden" name="de" value="/de/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-es" type="hidden" name="es" value="/es/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-fr" type="hidden" name="fr" value="/fr/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-it" type="hidden" name="it" value="/it/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-pt" type="hidden" name="pt" value="/pt/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-ru" type="hidden" name="ru" value="/ru/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-ja" type="hidden" name="ja" value="/ja/articles/2482491-customize-form-appearance">
  <noscript>
    <div><input data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" name="op" value="Go" class="button js-form-submit form-submit">
    </div>
  </noscript><input autocomplete="off" data-drupal-selector="form-x1bgceo7i4g7pd6l9legmhsf0asq6enigtkobgfsriy" type="hidden" name="form_build_id" value="form-x1BgCEO7I4g7pD6l9LEGmhSf0ASq6enigTKobgFSRiY">
  <input data-drupal-selector="edit-lang-dropdown-form-2" type="hidden" name="form_id" value="lang_dropdown_form">
</form>

GET /search

<form id="coveo-standalone-1527556360" class="search-bar-form fas fa-search CoveoSearchInterface Coveostate CoveoComponentState CoveoComponentOptions CoveoQueryController coveo-after-initialization CoveoDebug" action="/search" method="get"
  style="display: block;">
  <div class="container">
    <span class="input-wrapper form-item">
      <div id="coveo-search-box-standalone">
        <div class="CoveoAnalytics" data-search-hub="Support"></div>
        <div class="innerReplace CoveoSearchbox" data-placeholder="Search" data-search-as-you-type-delay="500" data-search-product="">
          <div class="CoveoOmnibox coveo-query-syntax-disabled magic-box" aria-expanded="false" role="combobox" aria-owns="coveo-magicbox-suggestions" aria-haspopup="listbox">
            <div class="magic-box-input">
              <div class="magic-box-underlay"><span class="magic-box-highlight-container"><span data-id="start" data-success="true"><span data-id="Any" data-success="true" data-value=""></span></span></span><span class="magic-box-ghost-text"></span>
              </div><input type="text" role="searchbox" form="coveo-dummy-form" aria-autocomplete="list" title="Insert a query. Press enter to send" aria-controls="coveo-magicbox-suggestions" aria-label="Submit search" placeholder="Search">
              <div class="magic-box-clear coveo-accessible-button" role="button" aria-label="Clear" tabindex="-1" aria-hidden="true">
                <div class="magic-box-icon"><svg alt="Clear" focusable="false" enable-background="new 0 0 13 13" viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg" class="magic-box-clear-svg">
                    <g fill="currentColor">
                      <path
                        d="m7.881 6.501 4.834-4.834c.38-.38.38-1.001 0-1.381s-1.001-.38-1.381 0l-4.834 4.834-4.834-4.835c-.38-.38-1.001-.38-1.381 0s-.38 1.001 0 1.381l4.834 4.834-4.834 4.834c-.38.38-.38 1.001 0 1.381s1.001.38 1.381 0l4.834-4.834 4.834 4.834c.38.38 1.001.38 1.381 0s .38-1.001 0-1.381z">
                      </path>
                    </g>
                  </svg></div>
              </div>
            </div>
            <div class="magic-box-suggestions">
              <div class="coveo-magicbox-suggestions" id="coveo-magicbox-suggestions" role="listbox">
                <div role="option"></div>
              </div>
            </div>
          </div>
          <a class="CoveoSearchButton coveo-accessible-button" role="button" aria-label="Search" tabindex="0"><span class="coveo-search-button"><svg alt="Search" focusable="false" enable-background="new 0 0 20 20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="coveo-search-button-svg"><g fill="currentColor"><path class="coveo-magnifier-circle-svg" d="m8.368 16.736c-4.614 0-8.368-3.754-8.368-8.368s3.754-8.368 8.368-8.368 8.368 3.754 8.368 8.368-3.754 8.368-8.368 8.368m0-14.161c-3.195 0-5.793 2.599-5.793 5.793s2.599 5.793 5.793 5.793 5.793-2.599 5.793-5.793-2.599-5.793-5.793-5.793"></path><path d="m18.713 20c-.329 0-.659-.126-.91-.377l-4.552-4.551c-.503-.503-.503-1.318 0-1.82.503-.503 1.318-.503 1.82 0l4.552 4.551c.503.503.503 1.318 0 1.82-.252.251-.581.377-.91.377"></path></g></svg></span><span class="coveo-search-button-loading"><svg alt="Loading" focusable="false" enable-background="new 0 0 18 18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg" class="coveo-search-button-loading-svg"><g fill="currentColor"><path d="m16.76 8.051c-.448 0-.855-.303-.969-.757-.78-3.117-3.573-5.294-6.791-5.294s-6.01 2.177-6.79 5.294c-.134.537-.679.861-1.213.727-.536-.134-.861-.677-.728-1.212 1.004-4.009 4.594-6.809 8.731-6.809 4.138 0 7.728 2.8 8.73 6.809.135.536-.191 1.079-.727 1.213-.081.02-.162.029-.243.029z"></path><path d="m9 18c-4.238 0-7.943-3.007-8.809-7.149-.113-.541.234-1.071.774-1.184.541-.112 1.071.232 1.184.773.674 3.222 3.555 5.56 6.851 5.56s6.178-2.338 6.852-5.56c.113-.539.634-.892 1.184-.773.54.112.887.643.773 1.184-.866 4.142-4.57 7.149-8.809 7.149z"></path></g></svg></span></a>
        </div>
      </div>
    </span>
  </div>
  <div aria-live="polite" class="coveo-visible-to-screen-reader-only"></div>
</form>

POST /articles/2482491-customize-form-appearance

<form class="lang-dropdown-form lang_dropdown_form clearfix language_interface" id="lang_dropdown_form_lang-dropdown-form" data-drupal-selector="lang-dropdown-form-2" action="/articles/2482491-customize-form-appearance" method="post"
  accept-charset="UTF-8">
  <div class="js-form-item form-item js-form-type-select form-type-select js-form-item-lang-dropdown-select form-item-lang-dropdown-select form-no-label">
    <label for="edit-lang-dropdown-select--2" class="visually-hidden">Select your language</label>
    <select style="width:50px" class="lang-dropdown-select-element form-select" data-lang-dropdown-id="lang-dropdown-form" data-drupal-selector="edit-lang-dropdown-select" id="edit-lang-dropdown-select--2" name="lang_dropdown_select">
      <option value="en" selected="selected">English</option>
      <option value="de">Deutsch</option>
      <option value="es">Español</option>
      <option value="fr">Français</option>
      <option value="it">Italiano</option>
      <option value="pt">Portuguese</option>
      <option value="ru">Pусский</option>
      <option value="ja">日本語</option>
    </select>
  </div>
  <input data-drupal-selector="edit-en" type="hidden" name="en" value="/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-de" type="hidden" name="de" value="/de/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-es" type="hidden" name="es" value="/es/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-fr" type="hidden" name="fr" value="/fr/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-it" type="hidden" name="it" value="/it/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-pt" type="hidden" name="pt" value="/pt/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-ru" type="hidden" name="ru" value="/ru/articles/2482491-customize-form-appearance">
  <input data-drupal-selector="edit-ja" type="hidden" name="ja" value="/ja/articles/2482491-customize-form-appearance">
  <noscript>
    <div><input data-drupal-selector="edit-submit" type="submit" id="edit-submit--2" name="op" value="Go" class="button js-form-submit form-submit">
    </div>
  </noscript><input autocomplete="off" data-drupal-selector="form-x1bgceo7i4g7pd6l9legmhsf0asq6enigtkobgfsriy" type="hidden" name="form_build_id" value="form-x1BgCEO7I4g7pD6l9LEGmhSf0ASq6enigTKobgFSRiY">
  <input data-drupal-selector="edit-lang-dropdown-form-2" type="hidden" name="form_id" value="lang_dropdown_form">
</form>

Text Content

Cookie Notice

We use cookies to personalize the site and ensure you see more of what you want,
and less of what you don't. To learn more and update your preferences, see our
Cookie Notice.

Okay
Skip to main content

To learn more about Smartsheet Regions, click here.



 * Contact Support
 * Log In

MENU

    * Help & Learning
    * Help Articles
    * Community
    * Training
    * Help & Learning Centers
      * Resource Management by Smartsheet
      * Smartsheet Gov
      * Bridge
      * Billing & Finance
    * Contact Support
    * Smartsheet Status
    * Smartsheet.com

 * Select your language
   EnglishDeutschEspañolFrançaisItalianoPortuguesePусский日本語
   

 * * Help & Learning
   * Help Articles
   * Community
   * Training
   * Help & Learning Centers
     * Resource Management by Smartsheet
     * Smartsheet Gov
     * Bridge
     * Billing & Finance
   * Contact Support
   * Smartsheet Status
   * Smartsheet.com
 * 
 * * Contact Support
   * Log In

Select your language EnglishDeutschEspañolFrançaisItalianoPortuguesePусский日本語



BREADCRUMB

 1. 
 2. Sharing And Collaboration
 3. Forms
 4. Customize the appearance of a form


CUSTOMIZE THE APPEARANCE OF A FORM


IN THIS ARTICLE:


In this article:
 * Change the background
 * Use your own logo
 * Change the logo
 * Revert to the default logo


CUSTOMIZE THE APPEARANCE OF A FORM


APPLIES TO

Smartsheet
 * Business
 * Enterprise



For more information about plan types and included capabilities, see the
Smartsheet Plans page.


CAPABILITIES


WHO CAN USE THIS CAPABILITY

You must be a sheet owner or administrator to customize a form.

Find out if this capability is included in Smartsheet Regions or Smartsheet Gov.

You can add custom colors, a background, and your logo to the forms you build in
Smartsheet.


CHANGE THE BACKGROUND

For an image background, you can use a .png, .gif, or .jpg file up to 5MB in
size.

 1. In the top left corner of the form builder, select the Format
    Background  icon.
 2. Select either Color or Image.

 * For Color, enter the hex value, or select Change to open the color
   picker. Then select Apply. 
 * For Image, browse your computer for the file you want to use and then select
   Apply. You can also drag and drop your file onto the upload box.


USE YOUR OWN LOGO

For your logo, you can use a .png, .gif, or .jpg file up to 2MB in size.


 1. At the top of the form builder, hover over the logo to reveal the Change
    Logo button and then select Change Logo. 
 2. Select Browse, choose your logo, and then select Apply. You can also drag
    and drop your logo onto the upload box. 
 3. Use the Show Logo toggle to show or hide the logo on the form.


CHANGE THE LOGO

 1. At the top of the form builder, hover over the logo to reveal the Change
    Logo button and then select Change Logo. 
 2. Upload a new logo and then select Apply.


REVERT TO THE DEFAULT LOGO

 1. At the top of the form builder, hover over the logo to reveal the Change
    Logo button and then select Change Logo. 
 2. Select Revert to default.


APPLIES TO

Smartsheet
 * Business
 * Enterprise



For more information about plan types and included capabilities, see the
Smartsheet Plans page.


CAPABILITIES


WHO CAN USE THIS CAPABILITY

You must be a sheet owner or administrator to customize a form.

Find out if this capability is included in Smartsheet Regions or Smartsheet Gov.


RELATED CONTENT


TOPIC


FORMS

Smartsheet forms make it fast and easy to collect and act on data from anyone.

Was this article helpful?
YesNo


LC FOOTER V2

 * Terms of Use
 * Privacy Policy
 * Contact Support

Apple iOS Google Android

©2022. All Rights Reserved Smartsheet Inc.

 Facebook  Twitter  {{ 'LinkedIn'|t }}  Youtube  Instagram