3234864 - CMT : Adjusting location of Guided selling in CPQ Responsive Design.

Applies To:
CPQ

Summary:
This article shows how to adjust the location of Guided selling in Responsive Design.

Details:
If you are got used to the Guided selling in CPQ classic design which is located in the left corner then you might wonder seeing it in the right corner in Responsive design. This is a general behavior in Responsive design. However, admin user can adjust the location of guided selling.

Solution/Workaround:

Go to Setup -> UI design -> Responsive templates -> Add new -> Create a custom Catalaog page template(Page: Catalog, template name: Catalog Page)

The below highlighted part of code in the template has to be modified from pull-right to pull-left.

@*ABS*@
      <div class="btn-group btn-xs pull-left" data-bind="visible: abs().length > 0">
     <button type="button" class="btn btn-default btn-xs dropdown-toggle" data-toggle="dropdown">
     Guided Selling&nbsp;<span class="caret"></span>
    <button>
    <ul class="dropdown-menu pull-left" role="menu" data-bind="foreach: abs">
    <li data-bind="css: { activeAbs: isActive }">
    <a href="#" data-bind="text: name, click: activateAbs"></a>
    </li>
   </ul>
   </div>

Once the above changes are done, go to Setup-> Users-> User types -> Edit your User type. In the UI design section, select the page, template and custom template fields from the drop down menu and click on Add button. Click on the Save button at the end.

Now you can see that the Guided selling location has been changed from left corner to right corner.

Comments:

References: SC30236674