How can I create a spliter bar in a ribbon split button drop down?

[HoriaTudosie]

I want to obtain something like this:

My approach was to add buttons in a Split Button:

  <splitButtons>
        <splitButton id ="GFXModule_PairSplitButton">
          <tool refID="GFXModule_ButtonPickup"/>
          <button refID="GFXModule_SplitToolAutomaticButton"/>
          <!--<tool refID="GFXModule_Splitter"/>-->
          <button refID="GFXModule_SplitToolPointButton"/>
          <button refID="GFXModule_SplitToolRectangleButton"/>
          <button refID="GFXModule_SplitToolCircleButton"/>
          <!--<tool refID="GFXModule_Splitter"/>-->
          <button refID="GFXModule_SplitToolBreakButton"/>
      </splitButton>
  </splitButtons>

But I cannot find any way to define spliters or to format a button as a splitter.

What approach should I take?

[NarelleChedzey]

The Task dropdown was generated using a buttonPalette which referenced a menu.  Something similar to the daml below.

      <groups>
        <group id="MyGroup" caption="MyGroup" appearsOnAddInTab="true">
          <buttonPalette refID="MyMenu" size="middle" />
        </group>
      </groups>
      <controls>
        <!-- add your controls here -->
        <button id="Button1" caption="Button 1" className="Button1" loadOnClick="true" smallImage="Images\GenericButtonBlue16.png" largeImage="Images\GenericButtonBlue32.png">
          <tooltip heading="Tooltip Heading">Tooltip text<disabledText /></tooltip>
        </button>
        <button id="Button2" caption="Button 2" className="Button2" loadOnClick="true" smallImage="Images\GenericButtonBlue16.png" largeImage="Images\GenericButtonBlue32.png">
          <tooltip heading="Tooltip Heading">Tooltip text<disabledText /></tooltip>
        </button>
      </controls>
      <menus>
        <menu id="MyMenu" caption="Menu caption" extendedCaption="Ribbon menu" largeImage="Images\GenericButtonBlue32.png" smallImage="Images\GenericButtonBlue16.png">
          <button refID="Button1" />
          <button refID="Button2" separator="true" />
        </menu>
      </menus>

The key to adding separators is to use the separator attribute.

You can continue to use your splitButton control if you wish.  Just add the separator="true" attribute to the button you wish to appear after the separator.

Narelle Chedzey

[HoriaTudosie · Accepted solution]

separator="true" would be enough.