MSJ Admin

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 件の投票

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

カード（カードレイアウト） カード（カードレイアウト）とは、情報を視覚的に整理するためのデザインパターンの一つです。カードは、コンテナ内にテキスト、画像、リンクなどのコンテンツを含むことができる小さな矩形領域です。 カードの使い所 オンラインストアの商品リスト 例: Amazonのようなオンラインストアで、商品を一覧表示する際にカードを使用します。使い所の利点: 商品ごとに情報...

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

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

行 「行」は画面を横に分割して作るエリア。行の幅は画面横幅であり、高さは中のコンテンツに応じます。 コラム「列」 コラム「列」は、画面を縦に12分割して作るエリア。列の幅は画面幅の12分の1です。 ブレークポイント 内容 Extra Small (xs) 画面サイズが 576px未満 （スマホ）の場合に対応します。<576px Small (sm) 画面サイズが 576...

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

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

コンテナ 一番上位に配置するウィジェットです。配置、設定を忘れるとクリックイベントが働かない現象が起きたりしますので必須設定となります。 ［フォーム］コントロールに対応したコントロールです。 Magic Xpa側の［フォーム］コントロール関して設定は以下の通りなっております。 ①：Magic Xpa側でフォーム名を必要に応じて書き換えする   ②：SmartUX...

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

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

入力（Input） 入力（Input）は、ユーザーからデータを受け取るための重要な要素であり、様々なタイプのフォームコントロールを提供する基本的なタグです。 たとえば、テキスト入力フィールド、数字、パスワードフィールドなどを作成できます。 主要な入力タイプ テキスト入力フィールド: ユーザーが自由にテキストを入力できるフィールドです。 パスワードフィールド: パ...

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