AnsweredAssumed Answered

Webappbuilder Search widget resize issue

Question asked by kundalay1 on May 25, 2017
Latest reply on May 25, 2017 by kundalay1

I am trying to Customize the Search Widget on WAB Developer edition so that it shows all the text inside the Searchbox without cutting it off. So far when I changed the width property for mobile layout on config.json file, it works well on mobile devices. When I follow the same process, for Desktop Version by editing same property on the same config file, it does not seem to have any effect. I would appreciate any help. 

 

For the mobile resizing I modified the mobilelayout property on config.json file as follows 

 

{
"uri": "widgets/Search/Widget",
"position": {
"left": 7,
"top": 5,
"width": 305
},
"version": "2.3"
},

 

and it works well on mobile devices,

 

For the desktop layout, I followed the same process and changed width to 400 but it seems to have no effect, I also tried some modifications on Search widget's style.css file but I am not sure which property to modify.

Outcomes