サンプル/メニューの作り方

Top/サンプル/メニューの作り方

大文字小文字の区別はありません（最大80バイトまで）

AND OR  

メニューの作り方†

概要†

メニュー画面の作成例のご紹介です。
デスクトップアプリ向け、モバイルアプリ向け、それぞれご用意しました。
WEB画面デザインのご参考用としてご活用ください。

技術資料　Webコンテンツ作成方法紹介資料（メニュー編）でご紹介した内容のアプリケーションです。
一部、note（2023年11月掲載）でもご紹介しています。

サンプル導入方法†

1. 下記 ダウンロード よりサンプルセットを取得し、zipを解凍
   
2. サイドメニュー「ファイル」
   　ファイルマネージャにて、以下の構成のフォルダを作成する
   

   Sample
   　∟Sample_WebDesign
   　　　∟Menu

3. Menuフォルダ配下に、取得した「image」フォルダ内にある9個の画像をアップロードする
   
   
4. デスクトップアプリのサンプルを導入する場合：
   サイドメニュー「アプリケーション」
   　　＞[アプリ作成]
   　　　　＞インポート　で、取得したデスクトップ向けアプリケーションファイル「Sample_WebDesign_Menu.zip」を指定して "次へ"
   　　　　　　＞アプリのIDとラベルを確認し、[作成]
   
   
5. モバイルアプリのサンプルを導入する場合：
   サイドメニュー「アプリケーション」
   　　＞[アプリ作成]
   　　　　＞インポート　で、取得したモバイル向けアプリケーションファイル「Sample_MobileWebDesign_Menu.zip」を指定して "次へ"
   　　　　　　＞アプリのIDとラベルを確認し、[作成]
   

実行例†

アプリを実行して、メニューの表示結果などをご確認ください。

ダウンロード†

• サンプルセット（Sample_WebDesign_Menu_download.zip）
  　※解凍して以下の状態でご利用ください。

  　Sample_WebDesign_Menu_download
  　　├ Sample_WebDesign_Menu.zip　[デスクトップ向けアプリケーション]
  　　├ Sample_MobileWebDesign_Menu.zip　[モバイル向けアプリケーション]
  　　└ image　[画像]

使用機能†

• コンポーネント：アプリバー
• コンポーネント：ツリービュー（デスクトップ向けのみ）
• コンポーネント：リンク
• コンポーネント：プッシュボタン
• コンポーネント：イメージ
• コンポーネント：アイコンボタン
• コンポーネント：区切り線
• コンポーネント：基本リスト
• コンポーネント：詳細リスト
• コンポーネント：ボックス
• コンポーネント：タイポグラフィー
• コンポーネント：ボトムナビゲーション（モバイル向けのみ）

特記事項†

サンプル仕様自体の問合せは、製品保守サービスに含みません。

作成バージョン†

V1.4.0

更新履歴†

2023-11-24 概要にnote（2023年11月掲載）で掲載された旨を追記
2023-10-20 公開

• トップページ
  
  

Menu

• FAQ
• サンプル
• リリースノート
• 新機能トピックス
• 技術資料
• サービス利用について
• サービス稼働履歴
• マニュアル
• マニュアル変更履歴
• 障害情報
• 教育資料
• 技術者認定制度

当サポートサイトについて

• サイト内の検索方法
  

関連リンク

• QAサイト
  ※有償契約者様向けのサイトです。

お問合せ先

• 問合せ先はこちら