List of CSS for SAP Design studio
This document lists the useful CSS discussions,documents and posts. Feel free to send me if you create one or find one. I will add them to this list. Any Latest additions will be highlighted
How to fInd and change CSS:
Adding Multiple CSS files:
Crosstab:
- Showing/Hiding Crosstab Columns with Measures with CSS and Scripting
- Underline in crosstab
- Colors in crosstab
- Vertical Alignment of data cells in a crosstab with CSS
- Remove crosstab borders with CSS
- Default Selection in a Crosstab in SAP BusinessObjects Design Studio
- Customize your layout in SAP BusinessObjects Design Studio
- Formatting a crosstab with CSS
Grid:
Dropdown & listbox:
Scorcard:
Navigation:
Dimension Filter:
Radio Button:
Spreadsheet:
Button:
Chart customization:
- Change Chart title and Axis label dynamically using script or CSS
- Customizing the ChartTypePicker
- Changing colors of dual axis chart
- Dot in line – CSS
- Changing axis color of line chart
- Increse the width of the column in column chart
- Change Color of Columns in a chart
- Design Studio 1.5 – Bar Chart using gradient colors in a series axis
- unable to make waterfall chart coloring
- How to Increase the width of the dot in Line chart by CSS
- Infochart Combination chart css-how to hide data lables for line only
- Hiding Dimension Columns CSS not working
Tabstrip
Textbox:
Checkbox:
Print CSS:
Responsive CSS:
- Responsive component CSS in DS
- Creating Responsive design in DS
- Fomatting in design studio 1.6( Not aligning properly)
Animation and transition:
Tips and tricks:
- Sliding Panel Transition in SAP Design Studio
- Using CSS in SAP Design Studio Dashboards
- Tweaking Navigation Mode in a Filter Panel
- Design Studio CSS Investigations Vol 1
- Using Image URIs in SAP Design Studio
- Icons with minimal CSS and no uploading font files
- Improve Performance through sprite images
Crazy & Cool CSS :
Nithyanandham
Great work in bringing all at one place!
Thanks
Hi karthik,
Thanks for the comment 🙂
Thanks,
Nithyanandam
very useful, great work!
Thanks
Very good compilation.. thank you!
Thank you guys 🙂
Thanks Venu for making it into ONE place.
Thanks!!
I suggest to put this great post too. 🙂
Customize your layout in SAP BusinessObjects Design Studio
Hi Alfred,
Thanks for suggestion. Added 🙂
Thanks,
Nithyanandam
hi,
thanks for adding this got lot of information at once.
Hi Pramod,
Thanks for the feedback 🙂
Thanks,
Nithyanandam
Hi Nithyanandam,
Great to bring everything at one place 🙂
Regards,
Subash
Hi Subash,
Thanks for the comments 🙂
Thanks,
Nithyanandam
Very useful !
Thanks Varun for your comments.
Hi Usman,
It will be good if you have place it as discussion with few screenshots. So that we can understand more better and will able to provide solution.
Thanks,
Nithyanandam
i actually asked a new question and someone replied with a correct soltuion, but i am having a glitch in Design Studio. Please advise to the following discussion if you know of any solution
You did great job
Raja Vasireddy
Thanks Alec !
Hi Nithyanandam,
Tried you link to wrapping text in crosstab but it doesn't work.
Can you correct it please.
Thanks
Bryn
Hi Bryn,
The post must have been removed while migration. Will try to go through the list and remove the dead links.
Thanks,
Nithyanandam
How do you adjust the display of a Filter Line? I like the concept but the size of the bubbles take up too much real estate for me to consider using them.
Hi jake,
Are you telling about Filter panel, more details would be helpful.
Thanks,
Nithyanandam
Hiya,
I think a lot of CSS which worked fine for the old Chart component, no longer works for the new InfoChart, such as changing column/bar colour. I wonder if anyone has any suggestions as to the new code that is required?
Hi Lukas,
There might be few changes in the classes name which you can figure it out using the Developer console. Will try to go through it, let me know if you any particular use case you looking for.
Thanks,
Nithyanandam
Â
Yes, I need to change colour of one column of an InfoChart and the old CSS code is no longer working and I have not been able to figure out the new code.
Â
The old code would be:
.chart-style-1 g.v-m-main g.v-m-plot g.v-column:nth-child(1) .v-datapoint.v-morphable-datapoint {fill: #aa005f;}
it no longer works. Instead, I am trying:
.chart-style-1 g.v-m-main g.v-m-plot g.v-datapoint-group .v-datapoint.v-morphable-datapoint rect {fill: #aa005f;}
but it changes all columns, I can’t target the first-child whatever I try.
Can you please help?
Â
Hey, did you manage to solve your issue?
I'm having the same problem.
Hi All,
is there any way to control the filter size and inside text with css code in SAP UI version. was able find css for dimension filter popup but not for this.
Let me know in case if any one used.
Thanks in advance
Ragards,
Kumar