How to limit the ribbon to 2 normal size icons per column

[Paul_Hossler]

Use <box>

Here's some sample usage -- look at box1 and box2

BTW, I assumed that left and right pictures were reversed in your post

<customUI xmlns="http://schemas.microsoft.com/office/2006/01/customui">
<ribbon>
<tabs>
<tab id="CustomTab" label="My Tab">

<group id="CustomGroup1" label="Horizontal Boxes">

    <box id="box1" boxStyle="horizontal">
        <button id="buttonA1" label="Button1" onAction = "ClickButton" imageMso="HappyFace"/>
       <button id="buttonA2" label="Button2" onAction = "ClickButton" imageMso="HappyFace"/>
   </box>

  <box id="box2" boxStyle="horizontal">
   <button id="buttonAA" label="ButtonA" onAction = "ClickButton" imageMso="HappyFace"/>
   <button id="buttonAB" label="ButtonB" onAction = "ClickButton" imageMso="HappyFace"/>
  </box>

  <separator id="separator2"/>

  <button id="buttonAC" label="ButtonC" size="large" onAction = "ClickButton" imageMso="HappyFace"/>

 </group>

 <group id="CustomGroup2" label="Vertical Boxes">
  <box id="box3" boxStyle="vertical">
   <button id="buttonB1" label="Button1" onAction = "ClickButton" imageMso="HappyFace"/>
   <button id="buttonB2" label="Button2" onAction = "ClickButton" imageMso="HappyFace"/>
  </box>
  <separator id="separator3"/>
  <box id="box4" boxStyle="vertical">
   <button id="buttonBA" label="ButtonA" onAction = "ClickButton" imageMso="HappyFace"/>
   <button id="buttonBB" label="ButtonB" onAction = "ClickButton" imageMso="HappyFace"/>
   <button id="buttonBC" label="ButtonC" onAction = "ClickButton" imageMso="HappyFace"/>
   <button id="buttonBD" label="ButtonA" onAction = "ClickButton" imageMso="HappyFace"/>
   <button id="buttonBE" label="ButtonB" onAction = "ClickButton" imageMso="HappyFace"/>
   <button id="buttonBF" label="ButtonC" onAction = "ClickButton" imageMso="HappyFace"/>
  </box>
 </group>
 <group id="CustomGroup3" label="No Boxes">
  <button id="buttonC1" label="Button1" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonC2" label="Button2" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonCA" label="ButtonA" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonCB" label="ButtonB" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonCC" label="ButtonC" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonCD" label="Button1" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonCE" label="Button2" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonCF" label="ButtonA" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonCG" label="ButtonB" onAction = "ClickButton" imageMso="HappyFace"/>
  <button id="buttonCH" label="ButtonC" onAction = "ClickButton" imageMso="HappyFace"/>
 </group>
</tab>
</tabs>
</ribbon>
</customUI>

Capture.JPG