PowerChart mode buttons not showing

Ignition
,
1

Using 8.1.39 and a Power Chart, all of the buttons are enabled but only Pan and Zoom, Full Screen and Settings are showing.

It seems like the buttons for PanZoom, XTrace, RangeBrush, and Annotation all share the same space, and only the button that is first (in props order) shows on the Power Chart. By that I mean, if I set showPanZoomButton to False, then I can see the XTrace button. If I set showXTraceButton to False as well, then I can see the RangeBrush button, etc.

Setting Full Screen or Settings to False only hides those buttons, it doesn’t affect the mode button I see.

2

all those are at true ?

image
image305×301 11.7 KB

If you drag and drop a new powerchart does this have the same behaviour?

3

Yes those are all true, and any chart I create behaves the same way.

4

After some more digging I discovered there is a styling rule that is preventing the buttons from being shown, so not a bug after all :frowning:

5

Hi @denji26 ,

I’m also facing same issue, may I know what styling rules is preventing to display these buttons

Can you pls share those details

Thanks,

Daya

6

For sure!

image
image975×109 6.92 KB

I could see in the browser inspection that the buttons were there, just not visible. This styling was coming from a module so I couldn’t just remove it but I was able to override by adding some styling rules in designer:

.ia_powerChart button svg {
display: inline-block !important;
}

.ia_powerChart button {
display: inline-flex !important;
align-items: center;
}

Hope this helps!

7

Yes it is, thanks !!!