Adding a style to an icon using the Horizontal Menu Component In Perspective

Ignition
1

Is there a way to add a style property to an icon using the Horizontal Menu? I'm looking for a way to add things like stroke, stroke width, fill, etc to the an icon, however, the only option I see is color.

image

image

2

Unfortunately, no. The Horizontal Menu was developed before our concerted effort to provide more styling capabilities in areas like this, and is one of the few components we haven't gotten back around to refreshing or updating.

If the properties in the screenshot are the only settings you want applied, and you aren't setting them through a binding, you could apply them via the stylesheet.css resource (v8.1.22+) by defining a rule which would target the icons of a Horizontal Menu.

div.ia_horizontalMenuComponent__item__icon {
    color: #7030A0;
    stroke: #000000;
    stroke-width: 1.5;
    fill: #7030A0;
}

Note that this will apply these rules to all Horizontal Menus in your project and there will no longer be a way to apply these settings dynamically.

1 Like
3

Got it, thanks for the quick reply!

1 Like