How to keep Global Search Icon always expanded position rather than after clicking .

Nithin12 · ‎03-31-2017

Hi Team,

Recently we have upgraded to Helsinki, where global search icon is always closed , after clicking the magnifying glass it expands and alows to write, Is there any way to keep always open so that directly we can add context.

Before click

After Click.

rather than click i wanted allays this to be like open position only is there any property I need to enabled or disabled..?

Thanks,

Nithin.

Platform Developer Community Champion Enablement Blogs

Mark Stanger · ‎04-04-2017

Looks like ServiceNow wants to add and remove that class name at will. In order to achieve this you need to set inline styles to override the class setting. Not quite as elegant, but it will give you the desired effect. Try this. It's similar to the link that oharel linked to above; just consolidated a bit.

addLoadEvent( function() {

top.$j('#sysparm_search').css({'width': '150px', 'opacity': '1', 'border': '1px solid #ddd'});

});

View solution in original post

oharel · ‎03-31-2017

Hi Nitin,

See this:

Geneva UI16 - enable search box functionality without having to click search icon in banner first?

harel

Please mark as correct or helpful based on impact

Mark Stanger · ‎03-31-2017

Global UI script with the following script should work.

addLoadEvent( function() {

top.$j('#sysparm_search').addClass('focus');

});

oharel · ‎03-31-2017

Awesome , Mark.

Nithin12 · ‎04-04-2017

Hi Mark,

Thanks for your response, The solution what you have provided is working with one issue.

Here when ever from is loading search is in expanded state. But the issue is when ever I click inside search icon and come back to any other place(moving mouse pointer to some other location) or clicking some other thing , search icon goes to closed position.

This only happens when ever there is no data (search text) inside search icon. Is there any way to keep search icon always open.

Thanks,

Nithin.