Customizing MicroStrategy styles with CSS

Cascading Style Sheets (CSS) is a tool to apply formatting to HTML elements, such as fonts, font sizes, and alignments. It enables the web developer to separate contents from formats. MicroStrategy Web uses the CSS files to provide centralized formatting to its web pages.

There are three kinds of CSS files in MicroStrategy:

  • Application-wide CSS files in the /style/mstr subfolder: mstrTheme.css, mstr.css
  • Page-specific CSS files in the stylemstr subfolder: pageProjects.css, pageLogin.css, pageDesktop.css, pageFolder.css, pageCreateReport.css, pageCreateDocument.css, pageWait.css, pagePrompts.css, promptIndex.css, pageReport.css, pageRW.css, and so on
  • Browser-specific CSS files are used to handle cross-browser discrepancies

Applications of CSS customization

The customizing project icon on the welcome page enables you to access projects such as MicroStrategy Tutorial, My First Projects, and so on:

Applications of CSS customization

The steps to do this are as follows:

  1. Create a new plugin called WelcomePageIcon
  2. For the welcome page, change the value of the background-position property associated with the #mstrIconProject rule in pageProjects.css to 0 PX -7 PX
  3. For the welcome page, change the value of the background-image property associated with the #mstrIconProject rule in pageProjects.css to URL (images/project.gif)
  4. Verify your customization by logging in to your MicroStrategy project in MicroStrategy Web and accessing the welcome page

Let us consider another application. Suppose we want to change the color of the font that displays the text links for Shared Reports, My Reports, and so on, from gray to blue:

Applications of CSS customization

The steps to do this are as follows:

  1. Create a new plugin called FolderBrowsingFont
  2. Change the value of the color property associated with the folder browsing page to #000099 by modifying the CSS
  3. Verify that you have applied the new font color by logging in to your MicroStrategy project in MicroStrategy Web and accessing the shared report page to check the display of text links with the new font
..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset