Response title
This is preview!
Move this topic
My css autocomplete doesn't work in modal bootsrap, please review !
in Using jQuery Plugins
•
7 years ago
hi guys, i have been stuck in css autocomplete please don't know how
to debug it,
here is my demo please go here
email : sidaurukfreddy@gmail.com
pass : dauruk0512
Please after you loggin then trying in first div just type in the
2 input type,my autocomplete working well there then press icon plus
modal will be dissapear
then here is
Please review guys
1
Replies(15)
You autocomplete is setting the width to 100px, if it was 200px, it
would look reasonable.
If comes from
'width': options.width + 'px',
Did you change the default somewhere?
JΛ̊KE
I don;t override it jake, wait minute will check it after lunch if
i'm not change this css it should give normal too in modal ya ?
is there any possible again what should i debug it ? thanks again jake for respond
is there any possible again what should i debug it ? thanks again jake for respond
Leave a comment on jakecigar's reply
but wait jake if i change the css why my css autocomplete in normal page
and modal bootsrap has diffrent width,
Leave a comment on Freddy Sidauruk's reply
Use the dev tools to inspect element. It shows the containing div has a
style attribute. You can’t override it easily. You can set it to 200 as
an option when you call autocomplete!
JΛ̊KE
i already dev tools where thw wrong jake, but still no idea when in normal page or in the modal page where is line jake ? thanks
Leave a comment on jakecigar's reply
- //auto complete for brand
- $('.autocomplete').autocomplete({
- // serviceUrl berisi URL ke controller/fungsi yang menangani request kita
- serviceUrl: site+’welcome/search',
- width:200,
- // fungsi ini akan dijalankan ketika user memilih salah satu hasil request
- onSelect: function(suggestion) {
- $('#id_brand').val('' + suggestion.id_brand); // membuat id 'v_jurusan' untuk ditampilkan
- }
- });
- //auto complete for tipe
- $('.autocomplete1').autocomplete({
- // serviceUrl berisi URL ke controller/fungsi yang menangani request kita
- serviceUrl:site+’welcome/searchtipe',
- width:200,
- // fungsi ini akan dijalankan ketika user memilih salah satu hasil request
- onSelect: function(suggestion) {
- $('#id_tipe').val('' + suggestion.id_tipe); // membuat id 'v_jurusan' untuk ditampilkan
- }
- });
JΛ̊KE
Leave a comment on jakecigar's reply
hm that's not came from jquery css autocomplete jake ? cause i
didn't add css for autocomplete, why you write like this jake
width:200,
//where is came from jake ?
- // fungsi ini akan dijalankan ketika user memilih salah satu hasil request
- onSelect: function(suggestion) {
- $('#id_tipe').val('' + suggestion.id_tipe); // membuat id 'v_jurusan' untuk ditampilkan
- }
- });
I looked it up on the page where you found the autocomplete.
JΛ̊KE
Leave a comment on Freddy Sidauruk's reply
Leave a comment on jakecigar's reply
so where the line should remove it jake ? am i ovveride the autocomplete
or i have done stupid with my own css 
, thanks jake
, thanks jake
Leave a comment on Freddy Sidauruk's reply
- width:200,
has to be
added in the calls, like a shared before.
JΛ̊KE
Leave a comment on jakecigar's reply
jake my js has not width=200px, so where 200 came from ? thanks for
support jake
- //auto complete for brand
- $('.autocomplete').autocomplete({
- // serviceUrl berisi URL ke controller/fungsi yang menangani request kita
- serviceUrl: site + 'welcome/search',
- // fungsi ini akan dijalankan ketika user memilih salah satu hasil request
- onSelect: function(suggestion) {
- $('#id_brand').val('' + suggestion.id_brand); // membuat id 'v_jurusan' untuk ditampilkan
- }
- });
- //auto complete for tipe
- $('.autocomplete1').autocomplete({
- // serviceUrl berisi URL ke controller/fungsi yang menangani request kita
- serviceUrl: site + 'welcome/searchtipe',
- // fungsi ini akan dijalankan ketika user memilih salah satu hasil request
- onSelect: function(suggestion) {
- $('#id_tipe').val('' + suggestion.id_tipe); // membuat id 'v_jurusan' untuk ditampilkan
- }
- });
Leave a comment on Freddy Sidauruk's reply
YOU NEED TO ADD THE 200. FOR SOME REASON IT IS 100.
JΛ̊KE
Leave a comment on jakecigar's reply
oh thanks jake, can i ask one more questions by the way here is the
screen shot after add 200px
all i need is to make autcomplete become same as width with in
nnput type, yes for all autocomplete in normal page or modal has
same width, is there any suggestion for me jake how to make it,
Leave a comment on Freddy Sidauruk's reply
Then don’t use 200. Use whatever width you want.
JΛ̊KE
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Freddy Sidauruk's question
{"z45497553":[14737000006532050,14737000006532059,14737000006532061,14737000006532063,14737000006532065,14737000006532067,14737000006532069,14737000006532073],"z2950240":[14737000006529113,14737000006529121,14737000006529153,14737000006529157,14737000006529155,14737000006529163,14737000006529165,14737000006529167]}