Legacy platform

Customizing the application styling

You can style new screens in the .scss format or modify styling for an existing screen.

Styling new screens

  1. Create the <screen_name>.scss file in the respective feature folder.
  2. Create an import entry for the newly created file in the overridden extn-app-store.scss file in the <WSCDEVWAR>\ngstore\store\style directory.
  3. Add the styling in the SCSS format for the new screen.
  4. Run the gulp scripts to compile the SCSS files to CSS format and generate the minified files.
  5. Test your customizations.

Styling existing screens

  1. Create the <screen_name>.scss file in the respective feature folder under the extensions folder.
  2. Create an import entry for the newly created files in the overridden extn-app-store.scss in <WSCDEVWAR>\ngstore\store\style directory.
  3. Add the styling in the SCSS format for delta changes.
  4. Run the gulp scripts to compile the SCSS files to CSS format and generate the minified files.
  5. Test your customizations.
Note: If you are performing customizations on 9.4 screens, create an import entry for the newly created files in the overridden extn-app-store.scss <WSCDEVWAR>\ngstore\store\theme.