Resize the How Can We help You type head search box in service portal?

SNOW46
Tera Contributor

Hi All,

I am working on Service Portal Configuration. I have renamed the How Can We help you" homepage search box to self help search and I have put it under first container.

But I want it to place it just under the First container so that it wont take any white space.

And also I want to put some gap from the header menu and the below container where it is starting. It shows as black line under the header menu.

 

Can anyone suggest me how to achieve this?

 

1 ACCEPTED SOLUTION

Chandra Prakash
Tera Expert

Hi,

you can try this in your widget.

<div id="homepage-search" class="hidden-xs wrapper-xl">
<div class="wrapper-xl" style="margin-top:10px">
<h1 class="text-center text-4x m-b-lg sp-tagline-color" ng-bind="options.title"></h1>
<h4 ng-if="options.short_description" class="text-center m-b-lg sp-tagline-color" ng-bind="options.short_description"></h4>
<sp-widget widget="data.typeAheadSearch" />
</div>
</div>

 you can set margin-top as per requirement.

mark correct or helpful if it helps.

Regards,

Chandra Prakash

View solution in original post

9 REPLIES 9

Chandra Prakash
Tera Expert

Hi,

you can try this in your widget.

<div id="homepage-search" class="hidden-xs wrapper-xl">
<div class="wrapper-xl" style="margin-top:10px">
<h1 class="text-center text-4x m-b-lg sp-tagline-color" ng-bind="options.title"></h1>
<h4 ng-if="options.short_description" class="text-center m-b-lg sp-tagline-color" ng-bind="options.short_description"></h4>
<sp-widget widget="data.typeAheadSearch" />
</div>
</div>

 you can set margin-top as per requirement.

mark correct or helpful if it helps.

Regards,

Chandra Prakash

Hi Chandra,

Can you please let me know where should I apply the script posted by you I mean in which widget shall I include the same?

ChanakyaMekala
Kilo Guru

Please check whether there is any empty container or layout between your search box's container and the list of icons' container. I have tested in my PDI and didnt show me such gap/white space between them.

 

How to check?:

1. Type Pages in Left Application Navigator, under Portal you will see Pages 

2. Open the appropriate page

3. In the related links click on Open in Designer

4. Check clearly whether there are any empty container or layout is available between them, if there are any and if they are not useful please delete them for which you can click on Trash icon in the top right corner of editor by selecting the container.Or please provide the screenshot here, so that I can look into it.

 

Please mark 'Correct' or 'Helpful' if it is so.

john_duchock
Kilo Guru

A proposed solution (with screenshots):  

Resize Search Widget in Service Portal (a proposed solution)

 

John Duchock

find_real_file.png

http://www.4thsource.com