cancel
Showing results for 
Search instead for 
Did you mean: 

'Tables' or 'divs' - possible in SAP BusinessObjects Design Studio?

0 Kudos

Hi ,

I have developed some test dashboards using design studio.
I used your and other SAP user's articles/videos for the same.

I have a couple of questions-

1) While developing dashboards/html pages, is there a way to see/change the html source code from the design studio?

2) Is there are way to apply tables/div tags in the application?

If 'grid' components can be used as tables, how do we specify Border styles (border colors, widths for components) ?

The 'script' column in the properties pane does not exist for a grid component. So, I am not able to specify there.

version info -

Traditionally, to develop our company's existing dashboards I used SAP's web app designer 3.5. It provides an easy way to manipulate/massage the html code.

Now, we are exploring Business Objects client tools. We are on SAP BOBj enterprise Sp5, patch 1. I successfully connected to the existing BEX queries.

-- Thanks in advance!

Accepted Solutions (1)

Accepted Solutions (1)

TammyPowlas
Active Contributor
0 Kudos

Thank you for posting!

I am not aware of any display of HTML

Yes, I believe the grid does replace the table.

You have some great suggestions - I have asked the SAP product owner to create a space for Design Studio on Idea Place so you can post these suggestions there.

Regards,

Tammy

0 Kudos

Thanks Tammy.

If the grid replaces the table, then can we apply borders to the grid? If yes, a hint would be great....

--

Thanks,

Srikanth

TammyPowlas
Active Contributor
0 Kudos

I searched the help at http://help.sap.com/businessobject/product_guides/AAD10/en/analysis10SP01_ad_user_en.pdf and I don't see a way to do this in the current tool.

I will post when the Idea Place for Design Studio is open so you can post this as an idea there.

Regards,

Tammy

0 Kudos

Thank you Tammy!

I was hoping to find a business objects client tool, that is as flexible as the SAP web app designer.
If the html code were available, it would help the developers like me to interact with the most granular details of the application/dashboard. Hence the questions.

I appreciate your guidance. Thanks again.

--

Srikanth

TammyPowlas
Active Contributor
0 Kudos

Design Studio is the premium alternative to Web App Designer but not all the gaps have been closed yet.  You are looking at the right tool with Design Studio.

Former Member
0 Kudos

Hi Tammy,

Do you now if I can call a RFC (from SAP BW) in Design Studio?

Thank you so much,

Diego.

TammyPowlas
Active Contributor
0 Kudos

Diego,

I do not believe you can do that at this time; I recommend opening a new discussion to ask this question so others can see.

Tammy

Former Member
0 Kudos

Thank you Tammy. I´m going to trying to do that.

Regards.

Diego.

Answers (1)

Answers (1)

Former Member
0 Kudos

Hi Srikanth,

  1. NO. It is not possible. You can only view/see the html source code directly in the browser (IE > F12; Chrome > Ctrl+SHIFT+I or right click on an element on the page and select the last item in the menu "Inspect element"). To change the source code it will be possible to do some changes via the SDK and JavaScript to manipulate the DOM or extend existing components and modify them. But I would advise leaving the default sap generated html and work with it to the best of your ability. The way to work with formatting is to use custom CSS classes via a custom css file, where you define how your components should look like.
  2. Currently in v1.1 you cannot introduce new html elements like divs or spans to be used somewhere inside the generated html for the components. You should be able to make changes via JavaScript by using the SDK coming in v1.2.

To define border styles for grid components use the existing default html generated by the product and just create a custom css file with your css formatting.

For example:

  • Name your file: "custom_grid.css" and put it into your bi app repository folder.
  • Link this file in your application by using the name of the file with its extension "custom_grid.css".
  • Add a grid component into your Design Studio bi app for example with 2 rows and 2 columns and assign a css class to it (in my example: grid-style-1).

The following css (placed in the custom_grid.css file):

.grid-style-1 {

          border: 1px solid orange;

}

.grid-style-1  tr:nth-child(1) td:nth-child(1) {

          border: 1px solid blue;

}

.grid-style-1  tr:nth-child(1) td:nth-child(2) {

          border: 1px solid green;

}

Will create the following formatting to the grid:

To change the grid properties via scripting you don't necessarily need that the grid component itself has events available. A grid is a static element, it has in general no sense to attach some events to it as other components have. Most of the time then not, the style of the GRID is the same starting with the first opening of the report (bi app).

Just do the scripting in the "On Startup" Event of the whole Application via the available GRID methods:

Regards

David