Crema React
v-3
v-3
  • About Crema
  • Crema 4.x (Next version)
  • Overview
    • Crema Overview
    • Folder Structure
      • @crema
      • page
      • redux
      • shared
      • types
    • GitHub Access
    • Slack Community
    • Figma File
  • Development
    • Installation
      • Pre-Requisites
      • Installing Crema
    • Route Overview
    • Add New Route
    • Auth User
    • Authentication Methods
    • API Calls
    • Multilingual
      • Adding New Language
      • Changing Language
    • Style Framework
  • MUI
    • Theme Color
    • Sidebar Configuration
      • Adding New Menu
      • Menu Color Theme
    • Navigation Style
    • Footer Configuration
      • Footer
      • Footer Type
    • Template Mode
    • Template Direction
  • Next-Js
    • About Next.JS
    • Folder Structure
    • Installing Next jS
    • Authentication
    • Add New Route
    • Deploy to server
  • FAQ
  • React Bootstrap
    • About React-Bootstrap
    • Styled Framework
    • RTL
    • Dark Theme
  • ANT Design
    • About Crema Ant
    • Style Framework
  • Servers
    • Python
    • Laravel
    • Mongoose
  • Credits
  • Crema V-2
Powered by GitBook
On this page

Was this helpful?

  1. MUI
  2. Footer Configuration

Footer Type

To set the default footer type

If the footer is enabled, then we have provided the option of setting the type of Footer. The user can set the type of footer during run-time and in development mode by following the under-written steps:-

Setting the Footer type 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 footer type select dropdown and by using that dropdown, you can choose the footer type.

Setting the Footer Type in development mode (setting default Footer Type):-

To set the default footer type, go to the src/@crema/utility/ContextProvider/defaultConfig.js file

In this file, you will find a property named 'footerType'. You need to set the value of 'footerType' according to your choice from the accepted values like below

src/@crema/utility/ContextProvider/defaultConfig.js
const defaultConfig = {
  footerType: FooterType.FLUID, // You can change it according your requirement
};
export default defaultConfig;

####### Footer Type (src/shared/constants/AppEnums.js) #########

export const FooterType = {
  FIXED: 'fixed',
  FLUID: 'fluid',
}; 

Last updated 3 years ago

Was this helpful?