search

robrogers3 / vue-taggable-select

A multiple taggable select autocomplete dropdown component for Vue
MIT License
12 stars 2 forks source link

Customize Options #3

Open LiMengyang990726 opened 5 years ago

LiMengyang990726 commented 5 years ago

Does vue-taggable-select support customize options shown in the picture below image

LiMengyang990726 commented 5 years ago

Also, how can I make this bar below disappear? image

LiMengyang990726 commented 5 years ago

Sorry one more question, how to change this icon to other icons? image

robrogers3 commented 5 years ago

ooh. Let me check. It’s been a while. Does the codepen example have the same problem?

Robert Rogers 415.615.2859 robrogers@me.com

On Aug 28, 2019, at 8:09 PM, Li Mengyang notifications@github.com wrote:

Also, how can I make this bar below disappear? https://user-images.githubusercontent.com/34411863/63907286-6e19fc00-ca4d-11e9-8f3e-51bfbdea3113.png — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/robrogers3/vue-taggable-select/issues/3?email_source=notifications&email_token=AAVFPWR77RDMGRFADGVJ6V3QG44V3A5CNFSM4IR4BIZKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD5NCSTA#issuecomment-526002508, or mute the thread https://github.com/notifications/unsubscribe-auth/AAVFPWRAFA3U7A2G2GKFGATQG44V3ANCNFSM4IR4BIZA.

LiMengyang990726 commented 5 years ago

Also, how can I make this bar below disappear? image

Solved. By deleting overflow-x-scroll in VueTaggableSelect.vue

robrogers3 commented 5 years ago

Can you make a pull request for that? Or open an issue?

Robert Rogers 415.615.2859 robrogers@me.com

On Aug 28, 2019, at 8:19 PM, Li Mengyang notifications@github.com wrote:

Sorry one more question, how to change this icon to other icons? https://user-images.githubusercontent.com/34411863/63907660-e46b2e00-ca4e-11e9-910e-ce19d500f55b.png — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/robrogers3/vue-taggable-select/issues/3?email_source=notifications&email_token=AAVFPWVZG5MQUHZJJTUM73TQG455FA5CNFSM4IR4BIZKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD5NDAMY#issuecomment-526004275, or mute the thread https://github.com/notifications/unsubscribe-auth/AAVFPWR2POGSBYGZFH4QBYTQG455FANCNFSM4IR4BIZA.

robrogers3 commented 5 years ago

Hey so make a couple of issues on GitHub. So I can take a look at implementing them.

The icons on the right, or custom icons on the select options are totally doable.

Robert Rogers 415.615.2859 robrogers@me.com

On Aug 28, 2019, at 8:25 PM, Li Mengyang notifications@github.com wrote:

Also, how can I make this bar below disappear? https://user-images.githubusercontent.com/34411863/63907286-6e19fc00-ca4d-11e9-8f3e-51bfbdea3113.png Solved. By deleting overflow-x-scroll in VueTaggableSelect.vue

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/robrogers3/vue-taggable-select/issues/3?email_source=notifications&email_token=AAVFPWU3BJN3AKITCVIL5I3QG46ULA5CNFSM4IR4BIZKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD5NDIPQ#issuecomment-526005310, or mute the thread https://github.com/notifications/unsubscribe-auth/AAVFPWSXTBBTJJAE2RZHIQDQG46ULANCNFSM4IR4BIZA.

LiMengyang990726 commented 5 years ago

Thank you very much for your reply! I will just write down the issue here.

  1. Change the icon plus here to any other customizable icon. image

  2. Make the content inside the option customizable. Meaning not only limited to fixed text. There are two requirements: i) Make the options able to change the content with certain condition. E.g. a boolean value as the trigger. The effect will be something like this image --> image ii) User should be able to customize the content. Meaning not only limiting to text. E.g. I want to create contents with an icon associated with each piece of content. Shown as below: image

LiMengyang990726 commented 5 years ago

Hi I have solved the above questions. Just have one quick question, do you know how can I have the dropdown list at all time? Currently after I have one word tagged, I will need to click the input box again to obtain the dropdown list. Do you know how can I obtain the dropdown list without clicking the input box again after have the previous word tagged?