$(function () { pageContext.i18n.modTalk = 'moderation talk'; pageContext.i18n.replyToComment = 'Reply'; pageContext.i18n.modTalkEmpty = 'moderation talk is empty'; pageContext.url.getModTalk = "/comments/%25ID%25/listModTalk.json"; pageContext.url.possibleCommentRecipients = "/comments/%ID%/possibleRecipients.json"; pageContext.url.commentEdit = '/comments/%25ID%25/edit.html'; pageContext.url.commentView = '/comments/%ID%/view.html'; pageContext.i18n.commentVisibility = { 'full': 'Viewable by all users', 'op': 'Viewable by the original poster', 'mod': 'Viewable by moderators', 'opAndMod': 'Viewable by moderators and the original poster', 'other': 'Advanced visibility', 'dialogTitle': 'Comment visibility', 'selectGroups': 'Visible to groups', 'selectOther': 'Other recipients', 'selectOriginalPoster': 'Original poster', 'selectModerators': 'Moderators', 'selectAssignees': 'Asked to answer users' }; pageContext.i18n.commentMenuLabels = { 'comment-edit': 'comments.menu.edit', 'comment-delete': 'comments.menu.delete', 'comment-convert': 'comments.menu.convert' };pageContext.i18n.answer= { bestAnswer: 'Best Answer', controlBar : { accept: 'Accept', unaccept: 'Unaccept', acceptCommand: 'Accept this answer as correct', cancelAcceptedCommand: 'Remove this answers accepted status' } }; window.croles = { u: false, op: false, m: false, og: false, as: false, ag: false, dc: false, doc: false, eo: false, ea: false }; tools.init({ q: { e: false, ew: false, eo: false, r: false, ro: false, d: false, dow: false, fv: false, c: false, co: false, p: false, tm: false , ms: false, mos: false }, n: { f: false, vf: false, vfo: false, vr: false, vro: false, c: false, co: false, vu: false, vd: false, w: false, wo: false, l: false }, c: { e: false, eo: false, d: false, dow: false, ta: false, tao: false, l: false }, a: { e: false, ew: false, eo: false, d: false, dow: false, a: false, aoq: false, ao: false, tc: false, tco: false, p: false, tm: false }, pc: croles }, { tc: true, nsc: true }); commandUtils.initializeLabels(); }); Skip to Content
0

How to hide chart type picker options in SAP BO design studio version 16.0.5?

Mar 01, 2017 at 10:14 AM

196

avatar image

cuserssrijh001capture.png

I am using "Chart type Picker" component to display different chart types. Currently I am using below css to hide chart types ( which is showing first 3 chart types , bar/column , line and pie charts) but I want to hide chart types within bar column chart, or lets say I want to hide donut chart which is part of pie chart. Can someone please suggest how can I achieve that. I have attached screen shot

.viz-controls-switchbar-switcher{
display:none;
}
.viz-controls-switchbar-switcher:nth-child(-n+3) {
display:block ;
}

10 |10000 characters needed characters left characters exceeded

Can you please share screen shots, which version of Design Studio you are using, which component you are using

0
* Please Login or Register to Answer, Follow or Comment.

4 Answers

Mustafa Bensan Mar 01, 2017 at 11:05 AM
1

Hi Shalu,

Have you referred to the techniques and discussion in the following blog post?: CSS Tips & Tricks: Customizing the ChartTypePicker

Share
10 |10000 characters needed characters left characters exceeded
Tammy Powlas
Mar 01, 2017 at 10:17 AM
0

Hello Shalu - have you tried debugging the CSS to see what could possibly be removed? See https://blogs.sap.com/2014/05/11/how-to-find-and-change-the-css-class-design-studio/ for steps

Share
10 |10000 characters needed characters left characters exceeded
Shalu Rijhwani Mar 03, 2017 at 04:57 PM
0

Thanks Mustafa, I had followed the link you posted .

As I have mentioned about css in my question, I am able to hide chart types from the chart picker component but I am not able to hide the chart types within chart types. For example, I am not able to hide the "Donut chart type" which is within the pie chart type.

I am using below css to hide ( this is displaying first 3 chart types in chart picker):

.viz-controls-switchbar-switcher{
display:none;
}
.viz-controls-switchbar-switcher:nth-child(-n+3) {
display:block ;
}

Can you please help me on this - how to hide chart types with in chart types ?

Share
10 |10000 characters needed characters left characters exceeded
Shalu Rijhwani Mar 06, 2017 at 07:24 PM
0

Do we have any update on this post ?

Show 1 Share
10 |10000 characters needed characters left characters exceeded

Hello Shalu

I replied above - have you tried to debug the CSS yourself?

______________________________________________________________________

Hello Shalu - have you tried debugging the CSS to see what could possibly be removed? See https://blogs.sap.com/2014/05/11/how-to-find-and-change-the-css-class-design-studio/ for steps

_______________________

Have you tried it?

0