MSJ Admin

1. Web
2. 各ウィジェットについて

アンカー（<a>タグ） アンカー（<a>タグ）とルーターリンク（主にシングルページアプリケーション（SPA）で使用される）には、それぞれ異なる目的と使い方があります。以下に、その違いと使い所を詳しく説明します。 概要 アンカータグ（<a>）は、HTML文書内でリンクを作成するために使用されます。リンク先はURLで指定され、クリックするとそのURLに移動します。 属性 hre...

• MSJ Admin
• 2025年03月19日 08:03
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

「ドロップダウンとli」 ドロップダウンメニューは、ユーザーが選択肢のリストから一つを選ぶことができるインターフェイス要素です。これを実現するための方法は複数ありますが、基本的なものとしてカスタムのドロップダウンメニューを作成する方法があります 基本的な使い方 カスタムドロップダウンメニュー: “ul”と”li”要素を使って、カスタムのドロップダウンメニューを作成す...

• MSJ Admin
• 2025年03月21日 03:30
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

テキストエリア（textarea） 複数行のプレーンテキスト編集コントロールを表し、レビューのコメントや問い合わせフォーム等のように、ユーザが大量の自由記述テキストを入力できるようにするときに便利です。 使い所の例 ユーザーコメントフォーム: ウェブサイトやブログにユーザーがコメントを投稿できるセクションを設ける際に、テキストエリアを使用します。 フィードバック...

• MSJ Admin
• 2025年03月19日 09:13
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

ボタン ［プッシュボタン］コントロールに対応したコントロールです。 Magic Xpa側の［プッシュボタン］コントロールに関して設定は以下の通りになります。 ①：フォームにボタン設置する ②：SmartUX側と関連するプロパティを設定する ⁂必要に応じてご活用ください。 可視 コントロールを表示させるかどうか指定します。論理値を返す式で指定す ることもできます。 ...

• MSJ Admin
• 2025年03月19日 08:09
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

ラベル ［ラベル］コントロールに対応したコントロールです。文字や数値の表示に関して配置する場合に使います。 Magic xpaの［ラベル］コントロールに関して設定は以下の通りなっております。 ①：SmartUX側に表したいテキストを設定する ②：SmartUX側と関連するプロパティを設定する ⁂必要に応じてご活用ください。 可視 コントロールを表示させるかどうか指定し...

• MSJ Admin
• 2025年03月19日 08:10
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

ルータアウトレット ルータアウトレット（Magic xpaの［サブフォーム］コントロール。［ルータアウトレット］プロパティが「True」）に対応したコントロールです。 Magic xpa 側に定義された［ルート］イベントの処理を実行します。 コンポーネントを配置すると、デフォルトで以下のコードが定義されます。［カード］コンポーネント内に配置されます。 <c-c...

• MSJ Admin
• 2025年03月19日 08:03
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

タブグループ ［タブ］コントロールの外枠をに対応したコントロールです。 コンポーネントを配置すると、デフォルトで以下のコードが定義されます。 <mat-tab-group selectedIndex=”0″ data-comp-id=”tabs-group.1″ id=”tabs-group.1″></mat-tab-group> 以下のプロパティが...

• MSJ Admin
• 2025年03月26日 04:03
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

アコーディオンコンテナ アコーディオンコンテナは、折りたたみ可能なセクションを作成するためのインターフェースコンポーネントです。ユーザーが見出しをクリックすると、その見出しに関連する内容が展開され、もう一度クリックすると折りたたまれる仕組みです。以下に、アコーディオンコンテナの使い所について具体的な例を挙げて説明します。 アコーディオンコンテナの使い所 FAQセクシ...

• MSJ Admin
• 2025年03月26日 03:03
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

div divタグは、ドキュメント内のブロックレベルの要素をグループ化するために使用される汎用的なコンテナです。divは、特に意味を持たないので、CSSやJavaScriptを使用してスタイルや動作を適用するために使用されます。以下に、divタグの使い所について具体的な例を挙げて説明します。 divの使い所 レイアウトの作成 例: ページ全体のレイアウトを作成する際に、divを使...

• MSJ Admin
• 2025年03月26日 01:16
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票

1. Web
2. 各ウィジェットについて

サブフォーム サブフォーム（nested formまたはサブフォーム）は、メインのフォーム内に含まれる追加のフォーム要素を指します。サブフォームは、複雑なデータ入力を整理し、関連情報をグループ化するために使用されます。 サブフォームを使用することで、複雑なデータ入力を整理し、ユーザーが関連情報を一括して入力できるようになります。製品のバリエーション、プロジェクトのタスク、ユーザープロ...

• MSJ Admin
• 2025年03月25日 08:48
• 更新
• 1フォロワー
• 0件のコメント
• 0 件の投票