×

扫描二维码登录本站

QQ登录

只需一步,快速开始

二次开发-调整门户-门户调整示例

标签: 暂无标签
本帖最后由 adminlily 于 2020-12-16 11:39 编辑

门户:如何使用改变门户显示风格

在本操作方法中,默认的门户引导程序主题(组合)将替换为另一个在网上找到的主题。

名称:
如何变更引导程序主题

类型:如何


水平:中等

持续时间:30分钟

关键词:portal,  Customization

iTop版本:2.3.0

先决条件

您将需要:

  • 知道如何将iTop扩展和升级用作系统,
  • 装有安装了演示数据和增强门户的iTop系统,
  • 可以访问具有足够权利的账号来连接到门户(通常这意味着拥有门户用户描述)。


该教程的目的
在此教程中,您将学习如何:

  • 变更以变更的外观为门户引导主题,如以下多个屏幕截图所示:


分步说明

创建扩展
首先,我们需要创建一个iTop扩展,它将更改门户XML配置来定义要使用的主题。从自定义指南中检查扩展模块部分(iTop定制)(如有必要)。

  • 将该扩展命名为sampleportal-new-theme。
  • 删除main.sampleportal-new-theme.php文件,因为我们不需要任何PHP代码。
您应该具有以下结构:


选择一个新主题

现在已经进行了扩展,我们需要获得一个新的Bootstrap主题,它将替换Combodo。对于我们的示例,我们将使用来自bootswatch.com 但是您可以使用任何与Bootstrap 3兼容的主题。

去bootswatch.com,下载预编译的CSS文件 并将其放入新扩展名的文件夹中。

您应该具有以下结构:

请注意,Bootstrap模板与Bootstrap主题不同。 Bootstrap模板更加复杂,因为它不仅更改CSS样式,而且更改HTML标记。有关如何为门户使用新的Bootstrap模板的信息,请检查此其他示例扩展(

更改门户配置
现在我们有了新的主题,我们只需要制作一个XML delta并使用变更门户配置即可。打开datamodel.sample-portal-new-theme.xml文件并粘贴以下代码:

datamodel.sample-portal-new-theme.xml


<?xml version="1.0" encoding="UTF-8"?>
<itop_design xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="1.3">
  <module_designs>
    <module_design id="itop-portal" xsi:type="portal">
      <properties>
        <themes>
          <theme id="bootstrap" _delta="define_if_not_exists">sample-portal-new-

theme/css/bootstrap.min.css</theme>
        </themes>
      </properties>
    </module_design>
  </module_designs>
</itop_design>

这会将主题节点添加到门户。只要确保包含扩展名和文件名的路径与您的系统上的路径相同,即可进入最后一步。

升级系统
最后,运行iTop系统的升级,并选中新扩展名选项,然后访问门户。

等等!



资料下载

您可以在此处找到一些示例主题的扩展:sample-portal-new-theme-1.0.1-147.zip







上一篇:二次开发-调整门户-门户XML引用
下一篇:二次开发-调整门户-门户调整示例-改变门户显示风格
新大

写了 314 篇文章,拥有财富 1658,被 3 人关注

您需要登录后才可以回帖 登录 | 立即注册
B Color Link Quote Code Smilies

成为第一个吐槽的人

最新100贴|论坛版块|ITIL先锋论坛 |粤ICP备11099876号|网站地图
Powered by Discuz! X3.4 Licensed  © 2001-2017 Comsenz Inc.
返回顶部