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 let you specify the padding design to display. You can also add a background image or custom border to the date modal.

How to Guide

Path:

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

  1. Click the icon to open the list of elements.
  2. Select the Input option and click-and-drag a Date Field element to the canvas.
  3. Click the element’s Styling icon. The Styling screen opens. You can style the following:
  • Modal Header
    • Fill
    • Font
    • Border
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.