To replace background of pentaho perform the following steps:
1. Create a CSS file defiining color for background, font size, font type as per your requirement:
e.g.,: Create CSS file with below code to change the background color of dashboard and save it as
"aquamarine" in "BI Server
(biserver-ce-3.6.0-stable)\biserver-ce\pentaho-solutions\system\pentaho-cdf\resources\style"
body { background-color:aquamarine ;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:black;
}
2. Create a template for your dashboard in "BI Server
(biserver-ce-3.6.0-stable)\biserver-ce\pentaho-solutions\system\pentaho-cdf" with the name
"template-dashboard-aquamarine".
IMPORTANT 1: The template name must be in same format "template-dashbaord-<CSSFilename>"
IMPORTANT 2: INside the template refer your style sheet in link tag as sjown below:
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>CIT Dashboard Framework</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="resources/style/aquamarine.css"/>
</head>
3. Open the XCDF file present in your Dashboard solution. Refer the css file name in the tag <style>
<?xml version="1.0" encoding="UTF-8"?>
<cdf>
<title>Performance Overview</title>
<author>Webdetails</author>
<description>Pentaho Sample</description>
<icon></icon>
<template>template.html</template>
<style>aquamarine</style>
</cdf>
4. Upade your repository in http://locolhost:8080/pentaho/Admin
5. Refresh and open your dashboard the background color will be in Aquamarine.
Great!!!!!, thank you very much!!!
ReplyDelete