pentaho Dashboards Editor (CDE) 仪表盘布局

原创 2012年03月26日 15:10:39

仪表盘布局是件很麻烦的事,这个CSS布局一个德行。 这里主要涉及到LAYOUT和COMPONTENS版面的大小设置。

LAYOUT版面 有行对象和列对象,以及图像和HTML对象。

一个行对象占据一行,行里再放列对象,列对象里放图像和HTML对象。

这个用WORD手工画表格一样的思维,或许受到了先期HTML用表格来布局影响吧!

不过这样比较容易理解和操控,毕竟CDE不能即看即所得。

行对象ROW 只有Height属性设置大小

列对象 Column有 Span Size 和Height为主要大小设置属性 (注意这里的Span Size是英镑 最大值是24

其他大小 Prepend Size ,Append Size, 不知。

 

组件版面的组件Widht Height大小单位是 像素点。组件大小会把列对象SPAN SIZE给撑大。

 

关联:列对象的NAME属性关联到组件对象的HtmlObject的值。

 

布局时候 行对象和列对象的背景色设置成不同的颜色,这样预览的时候容易发现起布局排版混乱的原因。

 

 

版权声明:本文为博主原创文章,未经博主允许不得转载。

Pentaho CDE 使用教程

pentaho CDE
  • nima_apple
  • nima_apple
  • 2017年03月14日 11:34
  • 1791

[置顶] Pentaho CDE 教程(四)走进CDE 之 饼图高级设置

软件版本 Pentaho BIServer 5.0.1-ce Pentaho CDE 14.03.07 (Stable) 上几篇文章写了怎么使用Pentaho CDE,这篇文章开始就和大家一起看看...
  • zhaizhisheng
  • zhaizhisheng
  • 2015年04月30日 13:48
  • 1120

Pentaho CDE 教程(一)初识CDE

软件版本 Pentaho BIServer 5.0.1-ce Pentaho CDE  TRUNK-SNAPSHOT Build for Pentaho 5.0 一、Pentaho CDE的安装 ...
  • zhaizhisheng
  • zhaizhisheng
  • 2015年04月30日 13:46
  • 2765

50个高端大气上档次的管理后台界面模板

大部分网站都有一个管理面板或者管理界面用于查看和管理网站信息。但是通常大家并不是很重视这个后台管理界面的设计,一般能用就行了。但是其实漂亮的管理界面也能大大的提升工作人员的工作效率啊。通过使用漂亮的管...
  • jacky825
  • jacky825
  • 2014年05月21日 18:30
  • 4323

Pentaho CDE 教程(一)初识CDE

软件版本 Pentaho BIServer 5.0.1-ce Pentaho CDE  TRUNK-SNAPSHOT Build for Pentaho 5.0 一、Pentaho CDE的安装 ...
  • zhaizhisheng
  • zhaizhisheng
  • 2015年04月30日 13:46
  • 2765

Pentaho CDE 使用教程

pentaho CDE
  • nima_apple
  • nima_apple
  • 2017年03月14日 11:34
  • 1791

[置顶] Pentaho CDE 教程(四)走进CDE 之 饼图高级设置

软件版本 Pentaho BIServer 5.0.1-ce Pentaho CDE 14.03.07 (Stable) 上几篇文章写了怎么使用Pentaho CDE,这篇文章开始就和大家一起看看...
  • zhaizhisheng
  • zhaizhisheng
  • 2015年04月30日 13:48
  • 1120

Pentaho CDE 教程(三)走进CDE 之 联动

软件版本 Pentaho BIServer 5.0.1-ce Pentaho CDE 14.03.07 (Stable) 上一篇介绍了一下Pentaho CDE使用文件的组织和结构这一篇来介绍一...
  • zhaizhisheng
  • zhaizhisheng
  • 2015年04月30日 13:46
  • 1569

Pentaho CDE 源码构建

本文适合开发新手和对Eclipse、ANT、IVY不是很了解的开发人员,如果你对Eclipse相关开发非常了解也许以下方法对你来说都是小菜      很多好奇心强的朋友想在自己的环境下构建Pentah...
  • zhaizhisheng
  • zhaizhisheng
  • 2015年04月30日 13:46
  • 845

Pentaho CDE 教程(二)走进CDE

软件版本 Pentaho BIServer 5.0.1-ce Pentaho CDE  TRUNK-SNAPSHOT Build for Pentaho 5.0 上一篇介绍了一下Pentaho C...
  • zhaizhisheng
  • zhaizhisheng
  • 2015年04月30日 13:46
  • 1507
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:pentaho Dashboards Editor (CDE) 仪表盘布局
举报原因:
原因补充:

(最多只允许输入30个字)