Intersoft Support Center

Customize Various WebButton Styles

WebButton is designed to have the true Desktop's button behavior. It has three states (Active, Over, Normal) in enable mode, where we can apply styles to each states to experience the same behavior as in Desktop's Button (e.g minimize/max/restore/close button styles in every window).

Following are steps to configure the styles for each states : (in "Stand alone Mode")

  1. Drag WebButton to WebForm.


  2. Open WebButton's Property Window.
  3. Expand ButtonStyle Property, you'll see Active, Normal, Over States.


  4. Expand Active States, change BackColor and BackColor2.


  5. Expand Normal States, change BackColor and BackColor2


  6. Expand Over States, change BackColor and BackColor2


  7. Run The Project and you'll see something like this

    Normal

    Over

    Active


  • This tutorial only shows you how to change the BackColor and BackColor2 property, feel free to explore with other property style.
  • In "Integrated Mode" (The WebButton is integrated with WebDesktopManager), the styles of WebButton are inherited from DesktopManager's WindowSetting's CommandButtonStyle

Adding Command with WebButton

Theming UI with WebStyleManager

Previous Next