主题自定义 theme-customization
您可以自定义HTML代码和CSS文件,以便为AEM Forms应用程序提供特定于组织的不同外观。 例如,您可以更改任务的背景颜色和高度或“起点”。 以下示例提供了更改说明:
- 显示说明代替说明
- 显示路由数
- 背景渐变颜色
步骤 steps
-
打开您的项目。
- 对于iOS,打开
Capture.xcodeproj
在Xcode中 - 对于Android,在Eclipse中打开Android项目。
- 对于Windows,打开
MWSWindows.sln
在Visual Studio中。
- 对于iOS,打开
-
导航到模板文件夹。
- 在Xcode中,导航到 Capture > www > wsmobile > js > runtime > templates 文件夹。
- 在Eclipse中,导航到 资产> www > wmobile > js >运行时>模板 文件夹。
- 在Visual Studio中,导航到 MWSWindows > www > wsmobile > js >运行时>模板 文件夹。
-
打开
template.html
文件进行编辑。 -
找到以下字符串:
code language-none <%if ( (task.description !== "") && (task.description !== null) && (typeof task.description !== null) && (typeof task.description !== 'undefined') ) {%> <div class="description_details"> <%= task.description %> </div> <%} else
将其替换为
<%
. -
在
template.html
文件:code language-none <ul id="task_menu_list"> <li class="approve" title="<%= task.availableCommands.directCommands[0]%>" data-routename="<%= task.availableCommands.directCommands[0]%>"> <%= task.availableCommands.directCommands[0]%> </li> <li class="reject last" title="<%= task.availableCommands.directCommands[1]%>" data-routename="<%= task.availableCommands.directCommands[1]%>"> <%= task.availableCommands.directCommands[1]%> </li>
-
注释以下行并保存文件。
code language-none task.availableCommands.directCommands[1]%>"> <%= task.availableCommands.directCommands[1]%> </li>
-
导航到css文件夹。
- 在Xcode中,导航到 Capture > www > wsmobile > css.
- 在Eclipse中,导航到 资产> www > wmobile > css.
- 在Visual Studio中,导航到 MWSWindows > www > wsmobile > css.
-
打开
_style.css
文件进行编辑。 -
对于背景图像,请更改
#323232
to#fff
. -
保存更改并关闭
_style.css
文件。 -
打开AEM Forms应用程序。
AEM Forms应用程序现在显示说明而不是描述。
recommendation-more-help
a6ebf046-2b8b-4543-bd46-42a0d77792da