Select to view content in your preferred language

Ribbon Separator Issue with Small and Middle Size Buttons

177
2
3 weeks ago
KarenMeinstein
Regular Contributor

I'm having an issue with the top ribbon in my add-in.  This problem started in v3.4.  I have two "middle" size bottons and a checkbox that appeared one on top of the other (which is what I want).  To the left of the buttons I have a separator.  Starting in v3.4, the middle size buttons with a separator to their left now appear as large buttons.  I've done a bunch of playing around with the code, and it's definitely the separator that is causing the problem.  This seems like a bug starting in v3.4 (and is still there in v3.5).  See attached picture to see the change.  Anyone have a solution for this?

Daml code:

<button refID="EditSelectButton" size="middle" separator="true"/>
<button refID="OpenEditTableButton" size="middle" />
<checkBox refID="IgnoreChildrenCheckbox" />

0 Kudos
2 Replies
vanesch
Occasional Contributor

HI Karen. Sorry, looks like a bug. For now, can you remove the separator? 

Additionally, 'middle' means the controls will shrink to small if ribbon space becomes limited (application width). if you want to force the controls to be 'middle' always, you can use the 'alwaysMiddle' attribute.

KarenMeinstein
Regular Contributor

Thanks Vanesch, I guess I'll just remove the separator.  I've been using "middle" because "small doesn't seem to put the text after the icon. Maybe I'm missing something.

0 Kudos