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

1044
2
Jump to solution
07-18-2016 12:20 PM
Highlighted
Occasional Contributor II

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?

Tags (1)
Reply
0 Kudos
1 Solution

Accepted Solutions
Highlighted
Occasional Contributor II

separator="true" would be enough.

View solution in original post

Reply
0 Kudos
2 Replies
Highlighted
Esri Contributor

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

Highlighted
Occasional Contributor II

separator="true" would be enough.

View solution in original post

Reply
0 Kudos