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?