Forum Discussion

iftomkins's avatar
iftomkins
Maven
10 years ago

How to dynamically output mobile search input "t:formdata" value

Hi!   Our mobile community site search broke last night. The reason is that the t:formdata value in the mobile search component below was hardcoded. Hardcoding it was the only way we could make the...
iftomkins's avatar
iftomkins
Maven

PaoloT , this is the issue that forced me to use the static code for the search input: 

 

http://community.lithium.com/t5/Developers-Discussion/Search-appearing-as-quot-Go-quot-on-iPhone-How-to-change-the/m-p/134387

 

In short, the input type is incorrect on the mobile search component. It should be type = "search". Can this issue be fixed on the Lithium side? If so, then I can look into using the default mobile component. If not, perhaps you have a workaround so that the changing T-value doesn't break our current code?

 

- Alan

nathan's avatar
nathan
Executive
10 years ago

Instead of trying to directly trying to change the 'type' attribute via jQuery, have you tried replacing the input element alltogether (with jQuery)?

 

I had a quick experiment, and this seems to work for me:

 

$('.lia-component-search-widget-simple-search-form div.lia-form-input-wrapper').innerHTML = '<input class="lia-form-all-words-input lia-form-type-text lia-form-input-vertical" id="lia-allWords_0" name="allWords" type="search">'

 You also need to create some CSS rules for the input[type=search] that replicate the input[type=text] rules.