Custom Scrollbars in SAP Design Studio

Posted by on Apr 26, 2014

As we have seen in an earlier post we can enhance the looks of our SAP BusinessObjects Design Studio applications with the use of some CSS coding. In this post I will show you how to add scrollbars to Design Studio components and how to change the looks of them. The result of an adjusted Text component will look like this:

Some components, like the Crosstab or the Filter Panel component will activate horizontal and/or vertical scrollbars themselves when there is not enough room to display all the data. The Text component doesn’t do this and just simply expands vertically. The height setting in the component’s layout properties has no effect on this anymore.

scollbar1

Read More

Posted in: DIY, Knowledge sharing, SAP BusinessObjects Design Studio

DIY CSS navigation buttons in SAP Design Studio

Posted by on Mar 30, 2014

In SAP BusinessObjects Design Studio you can use the container components like a Tabstrip or a Pagebook to organize your application. The Tabstrip component already includes the tabs for navigation between the pages. For the Pagebook component we have to create our own navigation buttons.

You can use the standard button components, but these have a pretty basic look. In this example I will show you how to create your own custom navigation buttons with some CSS code and a tiny bit of JavaScript.

We will create two buttons. The button for the selected page should have a blue color, the unselected button should be white. Also, when the user hovers the unselected button with the cursor, the button should turn blue.

For this we need three CSS statements. You can add these to your custom CSS file:

  • .button_show
  • .button_show:hover
  • .button_selected

Read More

Posted in: DIY, SAP BusinessObjects Design Studio

Xcelsius: Using the Push Button for data input

Posted by on May 8, 2010

Xcelsius is a great tool to build interactive what-if scenarios based on MS Excel models. We recently got a request to build such a dashboard and one of the user interface requirements was that the user should be able to change a value by clicking something like a +/- button. Clicking the plus had to increase the value with 1, and clicking the min had to decrease it with 1.

Luckily, Xcelsius provides us the Spinner component. This would have been a good and easy solution, if another requirement wouldn’t have been that the dashboard had to be used on a (multi)touch screen. Touch means big buttons for user input and as you can see on the right, the Spinner component is way too detailed. So we needed something else to do the job.

To solve this we used the new Push Button components. The Push Button simply does what its name says and pushes a value from a source cell to a destination cell. To solve our little problem we used two of these Push Buttons and some basic MS Excel logic.

[kml_flashembed publishmethod=”static” fversion=”8.0.0″ movie=”http://hackingsap.com/blog/wp-content/uploads/plusminhackingsapcom.swf” width=”500″ targetclass=”flashmovie”]

[/kml_flashembed]

Read More

Posted in: DIY, Knowledge sharing, SAP BusinessObjects Dashboards, Xcelsius

Powerpoint, Xcelsius and Twitter DIY

Powerpoint, Xcelsius and Twitter DIY
Posted by on Nov 29, 2009

A few weeks ago Timo Elliot (SAP BusinessObjects) launched his free PowerPoint Twitter Tools on his SAP web 2.0 blog. With these tools you are able to integrate Twitter in you presentations and use it i.e. to receive live feedback during your presentation. Lots of updates and improvements have been published since then and the high number of positive comments (on Twitter) confirm what a great idea this is.

A drawback of the tool is that you can’t configure the layout yourself. Also there is a SAP logo on every slide plus the e-mail address of the author. I like SAP but I think it is a bad thing to stuff your slides with logo’s. Also, why would your audience care?

So, let’s build a custom Twitter tool for PowerPoint ourselves, step-by-step.

Requirements:
– A copy of Xcelsius Engage or Xcelsius Engage Server (get a free 30-day trial here);
– MS Excel;
– MS Powerpoint.

Read More

Posted in: DIY, Featured, SAP BusinessObjects Dashboards, Xcelsius