简介

以下文档基于SAP Design Studio 1.6中创建的示例，但同样的方法也可以应用于Lumira Designer。

应用程序设计器创建新应用程序时，物联网应用技术，使用该工具创建某些对象并使用一些常用文件。当设计师保存报告后生成时，Design Studio中的应用程序基本上是一个HTML5页面，包含标准SAP CSS文件，如果适用，还包含您自己创建的CSS文件。

有时标准SAP CSS不满足客户的布局要求。大多数大公司都希望在整个业务中使用定制的布局。在开始使用designstudio时，西安大数据，您可能会迷失在所有CSS的可能性中。有应用于组件的标准CSS样式，但也可以添加自定义CSS类或将内联CSS样式应用于组件。

要使用自定义CSS类方法，需要将Design Studio报告链接到自定义CSS文件。在这个定制CSS文件中，可以推翻标准的SAP样式表，提供客户特定的布局，可以应用于每个单独的仪表板。

最后，可以为大多数Design Studio组件创建一个客户特定的样式模板，什么是数据中台，该模板可在完整的仪表板解决方案中重用。在下面的文章中，我将解释两种基本的CSS技术，淘客采集软件，它们可以用来定制布局。为了结束文章，我将提供一些关于如何否决Design Studio组件的标准SAP CSS布局的示例。

CSS样式/CSS类

更改特定组件的CSS样式SAP Design Studio

在组件本身的属性中设置样式很容易。这与HTML中的内嵌CSS样式基本相同。例如：将文本颜色从黑色更改为白色，如下图所示。

图1：文本组件的CSS样式–更改前

图2：文本组件的CSS样式–更改后

也可以在内联CSS样式中添加多行。您可以根据需要添加尽可能多的内联CSS，如下图所示。

图3：文本组件的CSS样式–根据需要添加尽可能多的内联CSS

在SAP Design Studio中添加CSS类

要使用自定义CSS类，您需要在自定义CSS文件中定义该类。有两种方法：

首先将CSS类添加到组件，然后在自定义CSS文件中添加CSS类并设置样式在自定义CSS文件中添加CSS类，然后将if添加到组件中。

选择哪种方法并不重要，大数据存储技术有哪些，如果CSS类存在于您的自定义CSS文件中并应用于适当的组件

图4：文本组件的CSS类-更改前

将自定义CSS添加到应用程序

首先必须在BI平台上创建自定义CSS，然后才能开始使用它。添加自定义CSS可以很容易地完成如下操作：

图5:添加自定义CSS–应用程序对象属性

图6:添加自定义CSS–BI平台文件夹结构

图7:添加自定义CSS–为自定义CSS提供名称

图8:添加自定义CSS–应用程序对象属性添加

打开自定义CSS

您可以通过按功能区中的按钮快速打开自定义CSS文件。

图9：为应用程序打开自定义CSS文件

添加带有样式的CSS类

在下面的示例中，说明了创建"CSS\u TXT\u TITLE\u BIG"类并将其添加到文本组件的效果。不要忘记保存自定义CSS文件，以便在DesignStudio中以及运行应用程序时看到更改。

图10：将CSS类及其样式添加到自定义CSS

图11：将CSS类添加到文本组件的结果