Crema React
v-2
v-2
  • About Crema(CRA)
  • Product Overview
  • Folder Structure
  • Installation
    • Pre-Requisites
    • Installing Crema
  • Default Route
  • Customization
    • Template Style
    • Template Mode
    • Template and Sidebar Color
    • Tempate Direction
    • Navigation Style
    • Footer
    • Footer Type
    • Route Transition
  • Multi-Lingual Support
    • Changing Language
    • Adding New Language
  • Sidebar Menu
    • Adding New Menu
  • Route Protection
  • Loggedin User
  • Axios Setup
  • Package.json
  • GitHub Access
  • Slack Community
  • FAQ
  • Next.js
    • About Next.JS
    • Installation
    • Folder Structure
    • Route Protection
    • Deploy to server
  • Servers
    • Python
    • Mongoose
    • Laravel
Powered by GitBook
On this page

Was this helpful?

  1. Customization

Route Transition

User can change the route transition during run time or can set the default route transition type by following these steps:-

Changing Route Transition in run time:-

Click on the settings button on the right corner of the screen just below the notification icon, a drawer will open in which you will find a route transition select dropdown and by using that dropdown, you can choose the desired route transition.

Changing Route Transition in development mode (setting default Route Transition):-

To set the default route transition, go to the following file:-

src/@crema/utility/ContextProvider/defaultConfig.js

In this file, you will find a property named 'rtAnim'. You need to set the value of 'rtAnim' according to your choice from the accepted values. You can find the accepted values of 'rtAnim' in the file with the path:-

src/shared/constants/AppEnums.js

Last updated 5 years ago

Was this helpful?