このページの内容は、サードパーティサービスによって自動翻訳されています。
In 以前の投稿では、レスポンシブフォームの基本について説明しました。このブログではさらに深掘りし、エンドユーザーにとって視覚的により魅力的なレスポンシブフォームを作成するためのヒントやコツをいくつか共有します。同じスペース内でより多くの情報を伝える方法をいくつかご紹介します。
ネストされた列
レスポンシブフォームに関する最初の導入ブログでは、フォームを列に分割してプロパティを整理する方法について説明しました。意外と知られていない便利な機能として、列をさらに追加の列に分割できることがあります。これが複雑に聞こえるかもしれませんが、当社のUIを使用すると非常に簡単に設定できます。以下はその実際の動作例です:
これを設定するには、レスポンシブフォームエディタを開き、「構造」タブからボックスを1つの列にドラッグするだけです:
ここから、未使用のプロパティを選択し、新しく作成した列に直接ドロップすることができます。この際、プロパティの長さを考慮することが重要で、短いプロパティにこの方法を使用することをお勧めします。良い例としては、リビジョン、状態、世代、部品番号、またはブール値やコストなどがあります。
重要なプロパティの色分け
以前のブログでは、フォームをカスタマイズするためのルール設定方法について説明しました。これらのルールは、フォームを閲覧している人やプロパティの実際の値に基づいて設定できます。これを活用するさまざまな方法がありますが、特に便利なのは、アイテムの現在の変数を確認し、最新バージョンでない場合に「リビジョン」プロパティを異なる色で表示することです。これにより、ユーザーが古いバージョンのアイテムを閲覧している可能性を視覚的に迅速に伝えることができます。このルールの例を以下でご覧ください:
これを活用するもう1つの良い場面は、ライフサイクルやワークフローの状態です。シンプルな色分けを使用すると、ユーザーはフォームを開いたときに自分のアイテムがどのような状態にあるかを迅速に把握できます。ぜひ試してみて、どのようなことが可能か確認してください。
同様に、特定のプロパティをアイデンティティに基づいて非表示にするルールを利用することは、従来のフォームシステムよりもはるかに簡単です。これにより、特化したビューが減り、メンテナンスが簡素化されます。
まとめ
レスポンシブフォームはリリースごとに改良されています。試してみるにはこれ以上ない絶好の機会であり、試すのは次のようにアイテムのフォームでこのボタンを押すだけで簡単です:
このボタンはビューを変更するだけで、既存のフォームを上書きすることはありません。クラシックフォームとレスポンシブフォームを自由に切り替えることができます。ぜひ試してみて、どのようなものを構築できるか教えてください!コメントを通じて同僚と共有することを検討してください。皆様からの声をお待ちしております。