Datta
Datta Able - React
Datta Able - React
  • Documentation
  • Pre-requisites
  • Quick Start
  • Folder Structure
  • Internationalization
  • Axios API Calls
  • Routing
  • Project Configuration
  • Color Preset
  • Branding
  • Theme Layouts
  • How to
    • Dashboard as First Page
  • Theme/Style Configuration
  • Integration
    • Seed
    • Comparison
  • Dependencies
  • Support
  • Changelog
Powered by GitBook
On this page

Theme Layouts

How to change available theme presets

PreviousBrandingNextHow to

Last updated 1 month ago

CtrlK

Datta Able comes up with 3+ theme layout presets. You can now change the available theme layout presets by doing the following steps:

Open the file src\config.

Layout
Description

Vertical

  • fontFamily: 'Public Sans', sans-serif

  • i18n: 'en'

  • menuOrientation: MenuOrientation.VERTICAL

  • container: false

  • mode: ThemeMode.LIGHT

  • presetColor: 'default'

  • caption: true

  • sidebarTheme: false

  • themeDirection: ThemeDirection.LTR

  • customColor: 'preset-1'

  • headerColor: ' '

  • navbarColor: ' '

  • logoColor: ' '

  • navbarCaptionColor: ' '

  • navbarImg: ' '

  • menuIcon: 'preset-1'

  • menuLinkIcon: 'preset-1'

Tab

  • menuOrientation: MenuOrientation.TAB

Layout 2

  • menuOrientation: MenuOrientation.LAYOUT2

Layout 3

  • menuOrientation: MenuOrientation.LAYOUT3

Dark

  • mode: ThemeMode.DARK

RTL Layout

  • themeDirection: ThemeDirection.RTL

container

  • container: true

caption

  • caption: false

Sidebar Theme

  • sidebarTheme: true