問題
3つのモジュールを持つグリッドを含むコンテンツページを作成し、デスクトップモードでは1行に3つのモジュールが表示されるようにしています。
タブレットモードでは1行に2つのモジュールだけを表示する必要がありますが、Liferayでは1行に2つのモジュールを設定することができず、3つのモジュールがある場合はこのオプションはスタイルのドロップダウンに表示されません。
なぜこのような制限があるのでしょうか？ 回避策はあるのでしょうか？
Environment
- Liferay DXP 7.3
- Liferay DXP 7.4
解決策
- その解決策とは？ 明確であること、簡潔であること、正しいこと
追加情報
3モジュールグリッドの場合、1行に2モジュールを設定することはできません。なぜなら、1行に2モジュールを設定した場合、2行に3モジュールを配置することができず、空白のスペースができてしまうからです。
回避策として、空きスペースがあっても構わない場合は、以下の手順で設定することができます：
- 6つのモジュールで1つのグリッドだけを作成します。
- デスクトップモードでは、1列あたり3モジュールを定義します。
- タブレットモードでは、1列あたり2モジュールを定義します。
- 最初の3つのモジュールにのみ必要なコンテンツを追加し、他の3つのモジュールは空にしておきます。
このオプションにより、デスクトップ/タブレットの各モードで希望するカラムを表示することができます。
小さな欠点として、空のdivコンテナ（残りの空のモジュール）が存在することになりますが、それはUIに影響を与えないはずです