Last post Jan 11, 2015 06:44 AM by Ponraj.sam
Dec 23, 2014 03:46 AM|Ponraj.sam|LINK
I am facing a issue with JQuery UI Autocomplete multiple select text box text going hidden left side. I Try to override the CSS. Style.
Still i am getting same problem. Its not over ride. Dynamically Binding from some where .
This is the one which i try to implement
Any solution. ..
Dec 23, 2014 07:49 AM|Rion Williams|LINK
I'm having trouble figuring out exactly what styles you are trying to change. Could you try posting a more detailed explanation behind them and specifically what you want to change about the autocompletion or its styling?
Dec 23, 2014 12:50 PM|Ponraj.sam|LINK
This is my actual code as per the sample which i have posted link.
<div class="wrapper" style="margin-top: 150px;">
<input id="myAutocomplete" type="text" />
While running dynamically its getting changed width:19px like below.
<input class="ui-autocomplete-input" id="myAutocomplete" style="width: 19px;" type="text" autocomplete="off"/>
Due to this Autocomplete INPUT text box text going -z index . Not full text visible. I am trying to over ride the width maximum but i am not able to achieve. $('#myAutocomplete').attr('style', 'width: 100px !important');
Dec 24, 2014 12:31 AM|Ponraj.sam|LINK
Did you got my point. Where I am facing the issue.
If you look at the link there is a sample. Just put it in your local copy and see. You came to know.
Jan 08, 2015 12:38 AM|Kevin Shen - MSFT|LINK
If you want to modify the css style in the multiple plugin ,you need to download the src of the plugin.
And check the source code,and modify the css style based your requirement.
Jan 08, 2015 12:46 AM|ravicrezy|LINK
This is the which give u proper answer: http://www.dotnethelps.com/JQuery.aspx
Jan 08, 2015 08:50 AM|Rion Williams|LINK
Is there any reason that you are using this particular autocomplete handler?
It doesn't appear to have very decent documentation, which can make it a bit difficult to deal with and it seems to rely on the jQueryUI library for styling. Additionally, if you look at
the source for the actual plug-in, you'll see that it even refers to the way that it resizes as "hackish" :
// Hackish autosizing
var $this = $(this);
I know that I've personally used the
Chosen plug-in to handle similar functionality like this before, which you might want to consider exploring. Or simply look into finding a different, better documented option as the only way you'll get the functionality that you are trying to achieve is
by changing the source of this plugin.
Jan 11, 2015 06:44 AM|Ponraj.sam|LINK
Its working fine now.