让我们进口您的品牌 | Mendix

跳到主要内容

让我们导入您的品牌

应用程序通常与您的品牌不匹配。它们使用不同的风格,徽标不太匹配,而且那些字体看起来有点太普通了。您真正想要的是让您的应用程序成为企业应用程序的一部分。但为了做到这一点,外观和感觉必须匹配。今天,我们将发布一些新功能来帮助您做到这一点。

Mendix 主题创作者 正迅速成为帮助开发人员创建精美应用的重要功能。在过去几周中,我们为主题创建器开发了两项新功能:徽标导入和 Google 字体 API。最棒的是,所有内容都可以在浏览器中预览!

徽标导入

在我们上一个主题创建器版本中,我们可以导入您的徽标,但只能从徽标中提取品牌颜色并在主题创建器中使用它们。在此版本中,我们更进一步:当您上传徽标时,它将直接显示在浏览器中,并且徽标将成为主题包的一部分。

主题创建者徽标导入

徽标保存在主题包的根文件夹中。在我们的框架中,徽标的路径可以在 _自定义变量.scss 文件。在这里您可以找到我们创建的变量。

代码徽标

如果你不想使用主题包中的徽标,只需将 $brand-logo 变量设置为 false.

Google字体API

Google字体API 帮助您将字体添加到任何网页。借助 Google Fonts API,您可以直接在浏览器中预览流行字体以及您的品牌已经在使用的字体。您可以从 40 种顶级 Google 字体中进行选择,包括 Roboto、Open Sans 和 Lato。您仍然可以选择 Arial 或 Verdana 等普通字体系列。

Google 字体 API 导入

在 Mendix 主题创建器可以在我们框架的主文件中找到, _自定义变量.scss。在这里您将找到我们创建的变量。如果您不想再使用 Google 字体,只需将 $font-family-import 的值设置为 false.

Google 字体 API 代码

我们为主题创建器添加的最后一个功能是可以更改侧边栏文本悬停颜色。社区曾多次要求提供此功能。

的改进 Mendix UI框架

我们改进了默认数据网格样式,默认为行添加垂直对齐中间。这改进了您可以在 Mendix 建模者。我们还默认设置了数据网格页脚的样式。

我们对表单组和输入做了一些更改。表单输入现在使用自动高度(这也将适用于 引导4)而不是固定高度。输入使用填充来确定高度,因此标签将始终正确对齐。您可以在 主题创作者。我们为 form-group 添加了两个变量:用于间距(左侧和右侧)的 padding 和用于每个 form-group 的 margin-bottom。所有内容都可以在 _custom-variables.scss 文件中找到。

表格组

我们还添加了新的导航布局。此布局包含一个带有主导航的顶栏和包含其子导航的侧栏。此导航布局可在主题起点之一中使用。

反馈

请务必通过以下方式向我们提供反馈 Mendix 论坛 和我们的 Github存储库!

选择你的语言