Page Structure Changes

Business Background

Configure your websites for different device layouts to suit your business needs.

Titan Solution

  • Titan has added a prompt to ensure you don’t make structural page changes to the desktop layout that could affect other device layouts.
  • Make sure that you are in complete control of all changes.

How to Video

Coming Soon!

How to Guide

When you have set up different device layouts, and you change the structure of the desktop page layout (for instance, adding another strip to the page), you will see an orange dot on the page header for the device layout option that looks similar to the orange dot that prompts you to save a project:

  1. Click the device drop-down arrow to open the list.
Select Device Size drop-down
Device Size drop-down

In this example, a laptop layout has also been configured. The orange dot reminds you that the structural change you made on the desktop layout may affect the other device layout.

Laptop layout configured
Laptop layout configured
  1. Click the Save button on the header. The following message is shown:
Warning message
Warning message

You can click the OK button. If you click the Clear notification button, you will not be reminded again.

Make sure that you view the changes on the other device layouts and confirm that everything is as you would like it. When clicking the Save button, the message above will be shown again. If you are satisfied with the layout, you can click the Clear notification button.

As an alternative, you can do the following:

  1. Click the device drop-down arrow to open the list.
  2. Click the Kebab icon next to the affected device. You will see the following:
Reset Device option
Reset Device option
  1. Click the Reset Device option. The Please Confirm message will be shown.
  2. Click the Yes button. The page will be reset to the new changes.
  3. Click the Save button.
Warning message
Warning message
  1. Click the Yes button. The Manual or Auto Layout screen opens.
Manual or Auto Layout screen

This message is shown for the following device layout options:

  • Tablet (S)
  • Mobile (L)
  • Mobile (S)

If you choose Auto Layout, we will automatically create the responsive layout for this device. This includes aligning elements within the auto fit container. Choosing Auto Layout will limit your ability to control the design of your form.

It is suggested that you use the Auto Layout as Titan adds an autofit container to make sure that the information is displayed from the top down in a contained manner.

Click the Manual Layout option for maximum flexibility. Manual layout uses the responsive AI and you can make changes as you require.

For best practices on how to build your page, refer to Web Project Structure Changes.

Hidden Title

Need more help?