Ribbon Controls and Their Formatting in mfc - mfc

Question

i am new in MFC Ribbon,
1. what is difference between button, gallery button and group(looks same like button) in mfc ribbon toolbar and when we use which control please explain.
2.my next problem is related with ribbon control alignment. i pick two combo box with different caption they both are not alined because of different no. of letters in caption and if i want to place two combo in one panel side by side how can do it with out using separator?
Example :-
Primary Property |_____|
Secondary Property |_____|
how to align above both ribbon control and how to place both control in one panel side by side with out using separator.

Answer 1

For problem 2 i.e. alignment issue you may edit your xml file.
make Justify Column True to get the desired result.
Here, is a sample code(xml) which comprises of two panels one is aligned and other is not for RibbonBar.
<PANEL>
<ELEMENT_NAME>Panel</ELEMENT_NAME>
<NAME>Panel1</NAME>
<INDEX>-1</INDEX>
<JUSTIFY_COLUMNS>TRUE</JUSTIFY_COLUMNS>
<CENTER_COLUMN_VERT>FALSE</CENTER_COLUMN_VERT>
<ELEMENTS>
<ELEMENT>
<ELEMENT_NAME>Edit</ELEMENT_NAME>
<ID>
<NAME>ID_EDIT2</NAME>
<VALUE>32771</VALUE>
</ID>
<TEXT>okkkk</TEXT>
<TEXT_ALIGN>1</TEXT_ALIGN>
<PALETTE_TOP>FALSE</PALETTE_TOP>
<ALWAYS_LARGE>FALSE</ALWAYS_LARGE>
<INDEX_SMALL>-1</INDEX_SMALL>
<INDEX_LARGE>-1</INDEX_LARGE>
<DEFAULT_COMMAND>TRUE</DEFAULT_COMMAND>
<WIDTH>100</WIDTH>
<WIDTH_FLOATY>0</WIDTH_FLOATY>
<SPIN_BUTTONS>FALSE</SPIN_BUTTONS>
</ELEMENT>
<ELEMENT>
<ELEMENT_NAME>Edit</ELEMENT_NAME>
<ID>
<NAME>ID_EDIT2</NAME>
<VALUE>32771</VALUE>
</ID>
<TEXT>wwwwwwwwwww</TEXT>
<PALETTE_TOP>FALSE</PALETTE_TOP>
<ALWAYS_LARGE>FALSE</ALWAYS_LARGE>
<INDEX_SMALL>-1</INDEX_SMALL>
<INDEX_LARGE>-1</INDEX_LARGE>
<DEFAULT_COMMAND>TRUE</DEFAULT_COMMAND>
<WIDTH>100</WIDTH>
<WIDTH_FLOATY>0</WIDTH_FLOATY>
<SPIN_BUTTONS>FALSE</SPIN_BUTTONS>
</ELEMENT>
</ELEMENTS>
</PANEL>
//////////In Panel2 text box are not aligned////////////////////////////////
<PANEL>
<ELEMENT_NAME>Panel</ELEMENT_NAME>
<NAME>Panel2</NAME>
<BUTTON_LAUNCH>
<ELEMENT_NAME>Button_Launch</ELEMENT_NAME>
<ID>
<NAME>IDC_BUTTON1004</NAME>
<VALUE>1004</VALUE>
</ID>
</BUTTON_LAUNCH>
<ELEMENTS>
<ELEMENT>
<ELEMENT_NAME>Edit</ELEMENT_NAME>
<ID>
<NAME>IDC_EDIT1002</NAME>
<VALUE>1002</VALUE>
</ID>
<TEXT>Text</TEXT>
<WIDTH>100</WIDTH>
</ELEMENT>
<ELEMENT>
<ELEMENT_NAME>Edit</ELEMENT_NAME>
<ID>
<NAME>IDC_EDIT1003</NAME>
<VALUE>1003</VALUE>
</ID>
<TEXT>Textcheck</TEXT>
<WIDTH>100</WIDTH>
</ELEMENT>
</ELEMENTS>
</PANEL>