3234810 - CMT : How to change Responder to be Model in Responsive Design

Applies To:

CPQ

Summary:

To change Responder to be Model (on the top and closed) instead of on the right-hand side on the configuration page all you need is to add few lines to your Responsive Design CSS.

Details:

1) Go to Setup -> UI Design -> UI Branding

2) Select the specific Brand that you want to make this change

3) Download existing "Responsive CSS file" file

4) Add the below snippet to anywhere on CSS file

.hide-responder {
display: none;
}

.info-label.total {
display: table-cell;
}

.full-width {
width: 100%;
}

5) Re-upload the CSS file

6) Hit Save

Here is an example of before changing Responder to the Model

Here is an example of after changing Responder to be Model. The Responder is moved to the top of the configuration and user has to click on the Total to see Responder.