Friday, October 19, 2018

Use an Image for the Global Search Button in the Webstore

To use an image for the Global Search button, perform the following steps:

1. Navigate to Documents > Files > File Cabinet.
2. Click on Web Site Hosting Files > Live Hosting Files.
3. Click the Add File button.
4. Select the image of the search button in your local computer and upload it in the Live Hosting Files folder. Take note of the image URLs.
5. Navigate to Setup > Site Builder > Themes > edit current site theme > under General Tab > Addition to <head> > add the following CSS properties


Note: on the background:url property - use the link/URLs generated after uploading the image on the File Cabinet.
6. Click Save.

Refresh Web Site and the default Go button on the Search form is now replaced with the custom image uploaded. However, notice that the default text on the button Go is still present.

To remove the text Go:

1. Navigate to Setup > Site Builder > Customize Text
2. Edit/Customize the current Text Group being used on the site
3. Under Buttons tab > search for the default text Go
4. On the Customization field, enter an HTML non-breaking space &nbsp;


 5. Click Save.


Disclaimer: The sample code described herein is provided on an"as is" basis, without warranty of any kind, to the fullest extentpermitted by law. NetSuite Inc. does not warrant or guarantee the individualsuccess developers may have in implementing the sample code on theirdevelopment platforms or in using their own Web server configurations.

NetSuite Inc.does not warrant, guarantee or make any representations regarding the use,results of use, accuracy, timeliness or completeness of any data or informationrelating to the sample code. NetSuite Inc. disclaims all warranties, express orimplied, and in particular, disclaims all warranties of merchantability,fitness for a particular purpose, and warranties related to the code, or anyservice or software related thereto.

NetSuite Inc. shall not be liablefor any direct, indirect or consequential damages or costs of any type arisingout of any action taken by you or others related to the sample code.

 

No comments:

Post a Comment