Reducing the height of the ribbon bar

[Prasad]

Hi All,

Is there any option to reduce the height of the ribbonbar?

Regards,
Prasad

[Princy]

Hello,

Try setting the Height property of RadRibbonBar.

Thanks,
Princy.

[RvdGrint]

Prasad,

use CSS.

#YBSRibbonMenu .RadRibbonBar
{
  height:110px;
}

#YBSRibbonMenu div.RadRibbonBar .rrbButtonArea
{
  height: 91px;
}

JosM

[Amjad]

Hello,

Am trying to set the height of the ribbon but the content is shifted underneath the ribbon.

As shown attached

please advise I need to decrease the height of the ribbon.

Thanks

[Ivan Zhekov]

Hi, all.

The height of the ribbon can not be simply changed:

• small / medium button size must be changed to something
• large button size must be changed to three times that value
• additional items such as dropdown list, combo, color picker must also be changed
• gallery must be changed.

In short, changing the height of the ribbon is not an easy task and has multiple dependencies.

Regards,
Ivan Zhekov
Telerik