Style the Date Modal

Business Background

Style the date modal to match your business needs is seamless with Titan Web elements. Generate a modern design that’s quick and easy to update with no code.

Titan Solution

  • Titan Web allows you to specify the font, border, and color of a date modal.
  • The style options lets you specify what kind of padding design to display. Add a background image or custom border to the date modal.

How to Video

Video Coming Soon!

How to Guide

Path:

Path to style the date modal:

Date field > Styling > Modal Selection, Modal Header, Modal Buttons

  1. Select the expand (+) icon next to the settings icon in Titan Web. A list of elements will show.
  2. Add a Date Field element to the canvas.
  3. Select the element’s Styling icon. The Styling screen opens.
  • Modal Header
    • Fill
    • Font
Style the Modal Header screen
Style the Modal Header screen
  • Modal Selection
    • Fill
    • Font
    • Border
Style the Modal Selection screen
Style the Modal Selection screen
  • Modal Buttons
    • Fill
    • Font
    • Border
    • Padding
Style the Modal Button screen

Compare an unedited date modal (left) with an edited date modal (right):

Unedited vs edited date modal example
Unedited vs edited date modal example

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.