RibbonComboBox.GapBeforeTextArea プロパティと  RibbonTextBox. GapBeforeTextArea  プロパティを使用して、複数のコンボボックス／編集ボックスのテキストボックス部分をリボングループ上で縦に整列することができます。 このプロパティは、要素のラベル部分とテキストボックス部分の間隔（ピクセル単位）を指定します。 このプロパティの最大許容値は 80 に設定されています。

スマートデザイナとプロパティウィンドウを使用してグループ上でコンボ／編集ボックスを整列させるには以下の手順を実行します。

1. リボングループを選択し、グループのフローティングツールバーを有効にします。
   
   
2. 〈アクション〉ドロップダウンボタンをクリックします。 グループに追加するリボン項目のリストが表示されます。
3. リストから［ComboBox の追加］を選択し、次に［EditBox の追加］を選択します。 各項目がリボングループに追加されます。:
   
   
   テキストボックス部分が垂直方向に揃っていないことに注意してください。 次の手順では、要素のラベル部分とテキストボックス部分の間隔を指定し、各部分を揃える方法について説明します。
   注意： ラベルの長さによっては、各部分を垂直方向に揃えるために間隔のサイズを拡大／縮小する必要がある場合があります。
4. コンボボックスを選択してアクティブ化にし、リボンコンボボックスのプロパティウィンドウから以下のとおりします。
   • RibbonComboBox.GapBeforeTextArea プロパティを探し、間隔（ピクセル単位）を 3 に設定します。
   • RibbonComboBox.Label プロパティを探し、テキストを「お気に入り：」に設定します。
5. 次に、編集ボックスを選択してアクティブ化にし、リボン編集ボックスのプロパティウィンドウから以下のとおり実行します。
   • RibbonComboBox.GapBeforeTextArea プロパティを探し、間隔（ピクセル単位）を 28 に設定します。
   • RibbonTextBox.Label プロパティを探し、テキストを「検索」に設定します。

プログラム的にコンボ／編集ボックスを整列するには

オプションで、コードを使用してリボンコンボ／編集ボックスをリボングループに追加し、コンボ／編集ボックスのラベル部分とテキストボックス部分の間隔を指定することができます。

以下のコードをプロジェクトに追加します。

Visual Basic コードの書き方

' 名前空間の Imports ディレクティブを入力

Imports C1.Win.C1Ribbon
 
Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
    '  RibbonComboBox 項目と RibbonTextBox 項目を

    '  リボングループに追加

    Dim ComboBox1 As RibbonComboBox = New RibbonComboBox()
    Dim EditBox1 As RibbonTextBox = New RibbonTextBox()
    RibbonGroup1.Items.Add(ComboBox1)
    RibbonGroup1.Items.Add(EditBox1)
 
    ' ラベルを追加

    ComboBox1.Label = "Favorites:"
    EditBox1.Label = "Find:"
 
    ' コンボ／編集ボックス要素のラベル部分と
"
    ' テキストボックス部分の間隔を指定

    ComboBox1.GapBeforeTextArea = 3
    EditBox1.GapBeforeTextArea = 28
End Sub

C# コードの書き方

// 名前空間の Imports ディレクティブを入力

using C1.Win.C1Ribbon;
 
private void Form1_Load(object sender, System.EventArgs e)
{
    //  RibbonComboBox 項目と RibbonTextBox 項目を

    //  リボングループに追加

    RibbonComboBox ComboBox1 = new RibbonComboBox();
    RibbonTextBox EditBox1   = new RibbonTextBox();
    ribbonGroup1.Items.Add(ComboBox1);
    ribbonGroup1.Items.Add(EditBox1);
 
    // ラベルを追加

    ComboBox1.Label = "Favorites:";
    EditBox1.Label = "Find:";
 
    // コンボ／編集ボックス要素のラベル部分と
"
    // テキストボックス部分の間隔を指定

    ComboBox1.GapBeforeTextArea = 3;
    EditBox1.GapBeforeTextArea = 28;
}

このトピックの作業結果

リボンコンボボックス項目と編集ボックス項目に設定された GapBeforeTextArea プロパティにより、リボングループ上のテキストボックス部分が垂直方向に揃っています。