Pentaho 用户控制台 5 中的自定义 HTML 页面
Custom HTML Page in Pentaho User Console 5
我需要知道如何使用相关的静态资源创建自定义 HTML 页面 - css、js 和图像 - 到使用 Jackrabbit 作为其存储库的 Pentaho 用户控制台版本 5。
我已经查看了 pentaho wiki 和帮助页面,但无济于事。
CSS 和 JavaScript 个文件
上传CSS和JS文件
- 浏览文件 > 主页 > 新建文件夹.. > 名称:
test
- 主页 > 测试 > 上传... >
{choose files to upload from file system; e.g. test.css and test.js}
创建仪表板,添加资源
- 创建新的 CDE 仪表板 [主页 > 新建 > CDE 仪表板]
- 布局面板(第一个,默认)> 布局结构菜单(左上角)>
Add Resource
> Resource type: {choose: CSS / JavaScript}; External File
- 通过单击
^
按钮选择 Resource file
。导航至 home/test/test.css
或 home/test/test.js
Layout structure
中定义的所有资源文件都附加到仪表板的 HTML 代码。
图片
我更喜欢将图像文件存储在 Pentaho 服务器文件夹中。
- pentaho-solutions/system/pentaho-cdf-dd/images
- 以后可以从 HTML 引用为
<img src="images/test_logo.png"/>
- 或从 CSS 为
background-image: url('test-logo.png');
我需要知道如何使用相关的静态资源创建自定义 HTML 页面 - css、js 和图像 - 到使用 Jackrabbit 作为其存储库的 Pentaho 用户控制台版本 5。
我已经查看了 pentaho wiki 和帮助页面,但无济于事。
CSS 和 JavaScript 个文件
上传CSS和JS文件
- 浏览文件 > 主页 > 新建文件夹.. > 名称:
test
- 主页 > 测试 > 上传... >
{choose files to upload from file system; e.g. test.css and test.js}
创建仪表板,添加资源
- 创建新的 CDE 仪表板 [主页 > 新建 > CDE 仪表板]
- 布局面板(第一个,默认)> 布局结构菜单(左上角)>
Add Resource
>Resource type: {choose: CSS / JavaScript}; External File
- 通过单击
^
按钮选择Resource file
。导航至home/test/test.css
或home/test/test.js
Layout structure
中定义的所有资源文件都附加到仪表板的 HTML 代码。
图片
我更喜欢将图像文件存储在 Pentaho 服务器文件夹中。
- pentaho-solutions/system/pentaho-cdf-dd/images
- 以后可以从 HTML 引用为
<img src="images/test_logo.png"/>
- 或从 CSS 为
background-image: url('test-logo.png');