アプリがブランドに合わないことはよくあります。異なるスタイルが使われていたり、ロゴがあまり一致していなかったり、フォントがちょっと一般的すぎるように見えたりします。本当に必要なのは、アプリを企業のアプリ ランドスケープの一部にすることです。しかし、そのためには、外観と操作感が一致していなければなりません。本日、それを実現するのに役立ついくつかの新機能をリリースします。
その Mendix テーマ作成者 は、開発者が見栄えの良いアプリを作成するのに役立つ重要な機能になりつつあります。過去数週間にわたり、私たちはテーマ クリエイターの 2 つの新機能、ロゴのインポートと Google Fonts API に取り組んできました。最も優れている点は、すべてをブラウザでプレビューできることです。
ロゴのインポート
前回の Theme Creator リリースでは、ロゴをインポートできるようになりましたが、ロゴからブランド カラーを抽出して Theme Creator で使用することしかできませんでした。今回のリリースでは、さらに一歩進んで、ロゴをアップロードすると、ブラウザに直接表示され、ロゴがテーマ パッケージの一部になります。
ロゴはテーマパッケージのルートフォルダに保存されます。私たちのフレームワークでは、ロゴへのパスは _カスタム変数.scss ファイル。ここで、作成した変数が見つかります。
テーマパッケージのロゴを使用したくない場合は、$brand-logo変数を次のように設定します。 false.
Google Fonts API
その Google Fonts API は、あらゆる Web ページにフォントを追加するのに役立ちます。Google Fonts API を使用すると、人気のフォントやブランドで既に使用されているフォントをブラウザで直接プレビューできます。Roboto、Open Sans、Lato など、上位 40 の Google フォントから選択できます。Arial や Verdana などの通常のフォント ファミリーを選択することもできます。
選択されているGoogleフォントは Mendix テーマクリエーターはフレームワークのメインファイルにあります。 _カスタム変数.scssここで作成した変数を見つけます。Googleフォントをもう使用したくない場合は、$font-family-importの値を次のように設定するだけです。 false.
テーマ クリエイターに最後に追加した機能は、サイドバーのテキストのホバー カラーを変更できる機能です。この機能はコミュニティから何度もリクエストされていました。
の改善 Mendix UIフレームワーク
デフォルトで行の中央に垂直配置を追加することで、データグリッドのデフォルトのスタイルを改善しました。これにより、インライン編集オプションが改善され、 Mendix モデラー。データグリッド フッターもデフォルトでスタイル設定しました。
フォームグループと入力にいくつかの変更を加えました。フォーム入力では自動高さが使用されるようになりました（これは、 ブートストラップ4）の代わりに固定の高さを使用します。入力では、ラベルが常に適切に配置されるように、パディングを使用して高さを決定します。この変更は、 テーマ作成者フォーム グループに 2 つの変数を追加しました。ガター (左と右) の padding と、各フォーム グループの margin-bottom です。すべて _custom-variables.scss ファイルにあります。
新しいナビゲーション レイアウトも追加しました。このレイアウトには、メイン ナビゲーションを含むトップバーと、サブ ナビゲーションを含むサイドバーが含まれています。このナビゲーション レイアウトは、テーマ設定の開始ポイントの 1 つで使用できます。
フィードバック
ぜひフィードバックをお寄せください Mendix フォーラム と Githubリポジトリ!