Drawer Logo and Buttons

Business Background

Personalize your web projects with a custom logo on the project-level drawer managed from the header.

Titan Solution

Titan lets you personalize your web projects with a custom logo for the drawer in a few clicks with no coding.

How to Guide

Note:

Prerequisites:

  1. Add a header.
  2. Add a drawer to the header.
  1. Click the Logo option and use the toggle switch to include a logo.
Logo
Logo
  1. Click the Select Image button. The Add an Image screen opens.
Logo
Logo
  1. Do one of the following to add an image:
    • Choose an already uploaded image;
    • Upload an image from your computer; or
    • Add an image URL.
  2. Click the Apply button.
Add an Image
Add an Image
  1. Use the Gear icon next to the Include a logo toggle switch to configure an On Click Action.
Gear icon
Gear icon
  1. Click the Buttons option.
  2. Click the applicable Edit icon. The Select icon screen opens.
Edit icons
Edit icons
  1. Search for and add an icon from one of the types:
    • Material UI
    • Ionicons
    • Custom
  1. Click the Apply button. The icon is changed.
  2. Click the X icon in the top right of the screen to close the Site Menus screen. The drawer Open icon is added to the header.

When the user clicks the Open icon, the drawer is shown with the logo, title and Close icon as configured. If a link is added, the page or URL will open when the option is clicked.

Hidden Title

Need more help?

Titan logo
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.