How to show search field in PCM Backoffice by default

[former_member768780]

Hello Experts,

Can you please advise me how to show search field in PCM Backoffice by default ? Currently it's necessary to click on the icon to show it.

vs

Thanks

Andrzej

[aimprosoft]

hi Andrzej,

in the backoffice extension you can create your own css file with your custom styles:

testbackoffice/resources/cockpitng/cng/css/customWidgetsAndEditors.css

put into this css following styles:

.yw-fulltextsearch-search-button { background: #ffffff url("images/icon-full-text-search.png") no-repeat 5px -51px; }

.yw-fulltextsearch-container-collapsed .yw-fulltextsearch-search-button { border: 1px solid #0486e0; }

.yw-fulltextsearch-container-collapsed .yw-fulltextsearch-input-box { width: 201px; border-right: 1px solid #0486e0; }

.yw-fulltextsearch-container-collapsed .yw-fulltextsearch-input-wrapper { padding-left: 201px; }

.yw-fulltextsearch-container-collapsed .yw-fulltextsearch-clear-button {  padding: 0 5px; position: relative; }

.yw-fulltextsearch-container-collapsed .yw-fulltextsearch-search-button { border: 1px solid #0486e0; }

copy default image and past it into your custom directory:

testbackoffice/resources/cockpitng/cng/css/images/icon-full-text-search.png

In the project.properties of backoffice extension specify the location of the stylesheet for the customization of widgets and editors:

backoffice.cockpitng.overridewidgetsandeditors.css=/cng/css/customWidgetsAndEditors.css

After this you will be able to see expanded search box by default, as you re-writed styles for collapsed input and changed it to styles using for expanded input.

Hope this helps.

Regards,

Igor