Revision history [back]

You can use CSS to apply a border-bottom with curved edges to all corners of a DxTabPage when the menu item is active.

First, select the active menu item using CSS. For example, you can use the “:active” pseudo-class to target the active menu item.

Then, apply the desired border-bottom style to the DxTabPage using CSS. To create the curved edges, you can use the “border-radius” property.

Here’s an example CSS code that you can use:

.dx-tabpanel-item:active {
  border-bottom: 2px solid blue;
  border-radius: 10px 10px 0 0;
}

This will apply a blue border-bottom with curved edges to all corners of the DxTabPage when the menu item is active.

Adjust the border color and radius values to customize the appearance of the tab page.