1. Overview
  2. Code Generation
  3. Menu Configuration
  4. Setup Menu Format

Setup Menu Format

CodeStencil gives you the ability to set up how your generated menu will eventually look in code. 

To make it easy to create/format your menu, there are some tags (See 1-5) provided.

NOTE: At the end of the closing tag, remember to insert a line break to start on a new line (carriage return). This allows the generated code to be well formatted and not clumsy on the same line.

What are these tags?

The tags provided are : {MenuText}, {NavigateUrl}, {Icon}, {CssClass}, {IconCssClass}. This represents fields stored in the menu table, and this is used when generating the menu. To update these fields manually, you will use a form like this:

  1. {MenuText} - This is replaced with the content of the Menu Text field.
  2. {NavigateUrl} - This is replaced with the content of the NavigateUrl field.
  3. {Icon} - This is replaced with the content of the Icon field. Note: This is specific to DevExpress Menus.
  4. {CssClass} - This is replaced with the content of the CssClass field. Note: This is specific to DevExpress Menus.
  5. {IconCssClass} -  - This is replaced with the content of the IconCssClass field. Note: This is specific to DevExpress Menus.
  6. Entry Field - This is the formatting of the menu
  7. Preview - This gives you the ability to preview the result while you are formatting.

 

Was this article helpful?