Show Navigation Next Topic  »

UI Settings and Appearance

Many visual features of the Rule Editor can be customized as shown below.


Code Effects package comes with seven default CSS themes and the Common.css file:

Each default theme is implemented in a separate CSS file and uses the same class names. Each class name is prefixed with ce. Code Effects themes are intentionally simplified, providing only styles that are essential to a normal use of the Rule Editor. You can either use one of these default themes, or modify them to meet your specific requirements, or not use any of the default Code Effects themes and declare and implement all ce classes somewhere else in your code instead.

To use default styles on your page, simply reference the CodeEffects.Common.css and one of the theme files on your web page as you would with any other CSS file. Refer to one of our demo projects for details on implementation of Code Effects styles in a web app.


The Rule Editor also allows you to change the default values of some UI settings.

  • RuleEditor.ShowLineDots. If set to True, displays mid dots at the beginning of each new line inside the rule (you can insert new lines in rules by hitting the Enter key; see the Rule Editor topic for keyboard support details). The default value is False.
  • RuleEditor.ShowMenuOnRightArrowKey. If set to True, displays an appropriate context menu every time the rule author moves the selection from one element to another by pressing the Right Arrow key as (s)he walks through the current rule using the Arrow keys. The default value is True.
  • RuleEditor.ShowMenuOnElementClicked. If set to True, displays a context menu with replacement items every time the rule author clicks the selected rule element. This setting is very useful if you'd like to allow rule authors to edit rules on-the-fly. The default value is True.
  • RuleEditor.ShowDescriptionsOnMouseHover. If set to True, the rule author can hover the cursor over any rule element to view its description (if the value of the Description property of the Field, Action, Method, or Parameter attribute is set for that element). The default value is True.
  • RuleEditor.ShowToolBar. If set to True, displays the Toolbar at the top of the Rule Editor. Toolbar is an important UI feature, so make sure to read its topic. The default value is True.
  • RuleEditor.ShowHelpString. If set to True, displays the Help String. The default value is True.

Post your questions on Stackoverflow and become a part of our growing community

Comments: 0