Design Studio Filter Panel Node Expand/Collapse Size

[Former Member]

BusinessObjects 4.2 SP3

Design Studio 16.2 SP2 Patch 1

Business Explorer 7.x (based on 7.40)

I am creating a report for mobile consumption and need to adjust the size of the filter panel. I am not using the SAPUI5 m mode because it runs appreciably slower than the standard SAPUI5 mode (question raised in another entry).

I have found where to increase the size of the text in the initial pop-up and in the selection pop-up but cannot find where to increase the size of the node expand/collapse icon - the box with the + or - in it.

Here is my CSS code from the external CSS file for the filter panel component.

.sapzenfilterpanel-HeaderText {

font-size: 20px!important;

height: 22px!important

padding: 4px10px!important;

}

.sapzenfilterpanel-SelectionTableText {

font-size: 20px!important;

height: 22px!important;

margin: 4px10px!important;

}

.sapzenfilterpanel-PopupContainer .sapUiTableTreeIcon,.sapzenfilterpanel-PopupContainerDialog .sapUiTableTreeIcon {

line-height: 25px!important;

}

.sapzenfilterpanel-PopupContainerDialog .sapUiTableGroupIconOpen,.sapzenfilterpanel-PopupContainerDialog .sapUiTableTreeIconNodeOpen {

width: 32px!important;

}

.compValueHelpDialog,.sapMDialog,.sapMDialog-CTX,.sapMDialogDraggable,

.sapMDialogHorScrollDisabled,.sapMDialogVerScrollDisabled,.sapMPopup-CTX,

.sapUiPopupWithPadding,.sapUiSizeCompact,.sapUiShd,.sapMDialogOpen {

width: 540px!important;

height: 540px!important;

}

Any assistance is greatly appreciated.

Jeff

[Former Member]

I did not discover how to change the size of the node expand/collapse icon but I used the following to make it more navigable on the iPad.

/* filterpanel */

.sapzenfilterpanel-HeaderText { /* make the first popup text bigger */

font-size: 22px!important;

height: 24px!important

padding: 4px10px!important;

}

.sapzenfilterpanel-SelectionTableText { /* make the second popup text bigger */

font-size: 20px!important;

height: 22px!important;

margin: 19px10px!important;

}

.sapUiTableGroupIconClosed.sapUiTableGroupIcon, /* position the node icon in the center */

.sapUiTableGroupIconClosed.sapUiTableGroupIcon,

.sapUiTableTreeIconNodeClosed,

.sapUiTableTreeIconNodeClosed

.sapUiTableGroupIconOpen.sapUiTableGroupIcon,

.sapUiTableGroupIconOpen.sapUiTableGroupIcon,

.sapUiTableTreeIconNodeOpen,

.sapUiTableTreeIconNodeOpen {

/* width: 40px; */

height: 50px! important;

}

Not what I was looking for but it works.

Jeff

[Former Member]

Baudouin, I did but apparently they do not set that element of the component.

[Former Member]

Hi Jeff,

It is certainly an icon size somewhere. Did you search for this kind of element using the F12 in IE or chrome ?