I want to change the size of my web explorer bar item as shown in screenshot, the screenshot is not of web explorer bar, it is screenshot of different menu but i want my web explorer bar looks like this
I want to change the size equal to font as shown in screenshot and when i hover over item it may looks like that it is a link as the 2nd item in screenshot,on hover it must be underline
Hello Zeshan,
After investigating this further, I determined that the height of the container with the webExplorerBar items could be changed by setting the “GroupContentsHeight” property of the ExplorerBarGroup:
<ig:ExplorerBarGroup Text="items" GroupContentsHeight="200px">
Or from code behind the following way:
group = new ExplorerBarGroup();
group.Text = "Group";
group.GroupContentsHeight = 200;
Additionally the color of the group container could be changed from the “igeb_Office2007BlueGroupContents” class.
Underlining the items on hover could be achieved by adding the following line in the “igeb_Office2007BlueItemHover” class:
text-decoration-line: underline;
Please let me know if you need any further information regarding this matter.
Regards,
Monika Kirkova,
Infragistics
I don't want to change the group content height, I want to change the height of explorer bar item
1st screenshot is of web explorer bar and 2nd screenshot is of old menu used that is not infragistics control, you can see the height difference of explorer bar items with the items of old menu
I am changing height propery of .igeb_Office2007BlueItem classIf I increase height,it increases but if I reduce height it does not reduce less than to default, I mean if I set height property value less than the default height,It does not applied, height more than the default value increase the height but less than default value does not decrease height
I am glad that you find my suggestion helpful and were able to solve your issue.
Thank you for using Infragistics components.
Thanks for your Support
The item height could not be reduced because minimal height is set to the items. In order to reduce the height of the items, min-height property should be set in the igeb_Office2007BlueItem class, furthermore the line height property could be removed:
.igeb_Office2007BlueItem
{
min-height: 10px !important;
height: 20px;
background-color:green;
border-width:0px;
padding:0px;
/*line-height: 22px;*/
}
Additionally, I would like to let you know that due to a national holiday I will be out of the office on 09/07/2020 and I will review any updates on 09/08/2020 and respond to you then.