デザイン時に C1OutBar コントロールを作成するには、以下の手順を実行します。

1. ドラッグ＆ドロップ操作で C1OutBar コントロールをフォームに配置します。新しい作成された C1OutBar には初期に C1ToolBar コントロールが配置された１ページが含まれます（C1OutBar のページはその場合に特別に処理される C1ToolBar コントロールや、タブコントロールのページなどの他の任意のコントロールを含むことができます）。また、C1CommandHolder が自動的に作成されてコンポーネントのトレイに配置されます。
2. プロパティウィンドウのドロップダウンリストから C1OutPage1 を選択します。Page1 の Text プロパティを File に変更します。
3. C1ToolBar の（唯一の）項目を右クリックし、コンテキストメニューから［項目の追加］を選択します。［コマンドにリンクする］ダイアログボックスが表示されます。
4. ［コマンドにリンクする］デザイナで、次のコマンドのプロパティを設定します。
   • Text を New に設定
   • Name を cmdFileNew に設定
5. ［新規コマンドの作成］リストボックスから C1Command を選択します。
6. 〈OK〉をクリックします。
7. プロパティウィンドウのドロップダウンリストから C1CommandLink1 を選択し、ButtonLook プロパティを TextAndImage に設定します。
8. cmdFileNew を選択し、画像プロパティを指定します。省略符号ボタンをクリックし、希望の画像を指定します。
9. 画像を選択し、［リソースの選択］ダイアログボックス内の〈OK〉をクリックします。新しい画像が C1CommandLink1 のテキストの上に表示されます。
10. アプリケーションをビルドし、実行します。次のように表示されます。