Tip of the day

Support tickets can be submitted directly from application

Background shape

How Docy works

Learn languages online with the world's best tutors

Background shapeBackground shape

Most requested features of 2020

Orci sapiente illum id phasellus! Harum! Adipisicing ligula aperiam, litora temporibus minim, […]

Can I add videos into sidebars?

Si longus, levis. Primum divisit ineleganter; Vide, quantum, inquam, fallare, Torquate. Sed […]

Theme fails to load to WordPress

The Docly WordPress Theme fails to load into WordPress. My login information […]

Tinkety tonk old fruit victoria sponge squiffy bleeder twit the bee's knees loo David, buggered haggle pear shaped bubble and squeak.”

Mark Tony
Director of Sales and Success

Curabitur vitae dignissimos pulvinar eligendi ullamcorper, laoreet, accusantium numquam habitant quaerat minim consequatur”

Eh Jewel
Software Developer

Hendrerit laoreet incidunt molestie eum placeat, neque ridiculus? Maecenas incididunt aperiam tempora cumque quos?”

Penny Tool
Software Developer

Great Customer
Relationships start here

Publications

View All
Newsletter

Newsletter publications. Read the latest news.

Documentation

Hello and welcome to Cellosign documentation. If you are new to cellosign please check Getting

View All
Getting Started

Hello and welcome, we are happy to introduce

User Application
User Application

The user application is the user's main entry

Release management

Release management is our process to introduce new

Docy Mission

Docy is Documentation webstie for everyone, emphasizing accessibility, performance, security, and ease of use.

The Technology

Learn about the software

The Community

Learn about the people

Docy Video Tutorials

Check the current status of Docy services

Not finding the help you need?

Contact Us

The community team is here to help

Ask Everyone

Hello, what can we help you find?

Publications

Documentation

Hello and welcome to Cellosign documentation. If you are new to cellosign […]

Product Support
  • 5
  • 7
Forums for individual product support topics
Docly Theme Support
  • 12
  • 20
Get support for the Docly WordPress theme

Welcome to Docy Forum

Posts
0
Topics
0
Replies
0
Docly Theme Support

Get support for the Docly WordPress theme

Topic

Test by rubel

<span style="color: rgba(0, 0, 0, 0.8...

1
0

rrrr

rrrrr

1
0

Question about documentation levels

Hello, I would like to ask if it is poss...

0
2
User Feedback

We listed to our customers. Post your feedback in this forum.

Topic

terttdf

dfg dfgd dfgdf  fdgdf gdfgdffg dgd  fg...

1
0

psd and mue

why I can't put question mark❓ ???? ...

1
0

COGUMELOS MÁGICOS E A LEI

  <p style="text-align: center;"...

1
0

Featured Image on Mobile

Hello, The position of featured image...

0
3

Template names

Hi, I have just purchased your template...

0
0
Aprimo Theme Support
  • 8
  • 4
Get support for Aprimo WordPress theme via this forum.
Deksi Theme
  • 5
  • 3
Get support for our upcoming Deski WordPress theme via this forum.
Gullu Theme Support
  • 2
  • 1
Get support for Gullu WordPress theme via this forum.

Popular Posts

Hello, what can we help you find?

Publications

Documentation

Hello and welcome to Cellosign documentation. If you are new to cellosign […]

What are you looking for?

Search here to get answers to your questions

Table of contents

Main course contains 2 parts which cover JavaScript as a programming language and working with a browser. There are also additional series of thematic articles

More resources

App status

Stay up to date on Front’s technical systems and app stability.

New features

Learn about the latest app updates and new feature releases.

For developers

Build integrations and customize Front with powerful APIs.

Templates

HTML template

Estimated reading: 6 minutes 229 views

HTML template is responsive, automatically adapted to the client’s screen and rich of display capabilities.

After adding a template name and saving, the application will go to the template editor screen with the template in “Draft” mode.

HTML template is built from four nested components:

  • Page: The template contains one or more pages. Switching between the pages in the form is possible for the user using the navigation buttons at the bottom of the page.
  • Section: Each page contains one or more sections.
  • Row: Each row contains at least one column and up to three columns.
  • Column: A column may contain one or more controls.

At the top of the template editor is “Intro” section, that allows a Welcome message to be displayed in the form.

At the bottom of the form editor is “Outro” section, that allows the completion message to be displayed to the person filling out the form.

Below is an example of a template consisting of one page, in which one section includes four rows and three columns in each row.


Page


Template contains pages that the user can navigate through. It is recommended to use division into pages when the form is loaded with controllers, and we want to create a more pleasant experience when filling out the form. For each page in the template, you can apply a title and additional design options.

To enter the page’s options, click on the margin of the page, the page will have a light green background and a panel for the page’s options will open on the right.

Page titleInsert a textual title for the page.
ClassUsed by developers to generate additional options in the code.
Delete pageDeleting the page with all the components.

      Page design includes the following options:

      Title Background Select the color of the page title background.
      Title styleHeader 1 is the largest font and Header 4 is the smallest.
      Font colorSelect the color of the page title text.
      Title position “Fixed at the top” will mean that on a mobile phone the title will be pinned to the top.
      “Non fixed” will scroll along with the page.
      Show logo Set to ON to add the logo to the title.
      Height in pixelsHeight of the logo in pixels.


            Section


            As mentioned before, page contains one or more sections.

            Similar to the page options, the section also includes design options. To enter the section’s options, click on the section’s margin. The section will have a pink background and a panel for the section’s options will open on the right.

            Section titleInsert a textual title for the section.
            CLASSUsed by developers to generate additional options in the code.
            Delete SectionDeleting the section and its components from the page.

                Background colorSelect the color of the section background.
                Title styleHeader 1 is the largest font and Header 4 is the smallest.
                Font colorSelect the color of the section title text.
                Title BackgroundSelect the color of the section title background.
                IconsSelect the icon for the section title, its color and position to the right or left of the title.
                Search Icons [English]
                Search Icons [English] Allows searching by English text relevant to the icons, for example “arrow”.

                Rows and columns


                The template editor allows us to create a form that will automatically adjust to the size of the user’s screen.

                If we use only one column per row throughout the form the entire form, the form will be presented to the client as one column of the fields.

                If we use more than one column in a row, then:

                • If the client uses a large screen such as a tablet or a desktop computer, the controls will be displayed as they are displayed in the template.
                • If the client uses a narrow screen, for example a mobile phone, the controls in the column will be displayed in a column one after the other.
                This image has an empty alt attribute; its file name is image-72-1024x724.png
                • Display of the form on a tablet and a desktop computer.
                • Display of the form on a mobile phone.

                Intro


                Clicking on the “Intro” button at the top of the template entry will display the panel on the right.

                The “Hide Welcome screen” button will hide the rest of the parameters in the panel and will also hide the welcome screen for the client, so that the link to the form will go directly to the form itself.

                Hide Welcome screenWhen set to ON it will hide the rest of the parameters in the panel and will also hide the welcome screen for the client, so that the link to the form will go directly to the form itself.
                TitleText that appears in the title of the welcome page. The default font is H1, size and color can be edited in the text editor.
                Description Text that appears below the welcome page title. The default font is H3, size and color can be edited in the text editor.
                Start text buttonIf no value was entered the default value “Start” will be used.

                Outro


                The completion page displays an indication that the procedure has been completed successfully and even navigates it to another page such as your home site.

                Auto redirectIf set to ON, enter a web address to which the client will automatically redirected without going through an end page in Cellosign.
                Title Text that appears in the title of the Outro page. The default font is H1, size and color can be edited in the text editor.
                DescriptionText that appears below the Outro page title. The default font is H3, size and color can be edited in the text editor.
                Redirection buttonThe button to redirect to another address. If set to ON, enter a text of the redirect button and a web address to which the client will be redirected.


                In the HTML template it is possible to hide any specific controllers from the preview and the final PDF by adding “pdf_hidden” class under the Developer tab.

                In this case fields with pdf_hidden class will be shown in client’s form to add the values and complete the form.

                But they will not be shown in the preview and in the final PDF after submission.

                For more information about the Developer tab click here.

                Leave a Comment

                Share this Doc

                HTML template

                Or copy link

                CONTENTS