ng2-select.css is missing after installing with npm

[grauschnabel]

Hi there,

The readme tells me to install the ng2-select.css but it is missing in my npm installation.... Please add it there,

Thanks,
Martin

[warapitiya]

Same issue here

[davidalee]

Same here. There is no css file.

[grauschnabel]

it seems to be hard coded ... :( so hard to make my own styles.

[davidalee]

:( you're missing the point @grauschnabel

The spirit of these comments/confirmations of a missing file are to help guide the repo towards completion, not to complain that there is no css file.

[grauschnabel]

I was a bit ironic or sarcastic, sorry for that. Of course I think the css should be taken out of the components/select/select.ts file (where I think the ng2-select.css content is included) and be put to an extra css file for easy editing by anyone for his/her project.

[Avien]

You don't actually need the ng2-select.css because its based on bootstrap dropdowns.scss/less,
Just import bootstrap into your scss and you're fine:
@import "~bootstrap-sass/assets/stylesheets/bootstrap";

[raaaste]

Also having this problem. The file ng2-select/components/css/ng2-select.css seems to be missing from the package.

[cortopy]

confirmed with bootstrap 4 (adding dropdown styles solved the issue)

[dhilgarth]

adding dropdown styles solved the issue

Could you elaborate what exactly you did? Thanks!

[GFoley83]

@cortopy I'd like to hear how you solved that too. Did you have to import all of Bootstrap 4 or just the dropdown styles?

[cortopy]

@GFoley83 I only use ng2-select on Bootstrap projects. I only include what I need though. For Bootstrap 4 I'd try adding just the dropdown (and perhaps the grid?)

[GFoley83]

@cortopy Thanks for that. Tagging @dhilgarth as my answer may be relevant for you. I only wanted to use Bootstrap 3 for ng2-select, not globally in my project. I was able to get it working by importing the following in the scss file for the component I was using ng2-select in:

:host ng-select /deep/ {
    @import "~bootstrap-sass/assets/stylesheets/bootstrap";
}

I'm sure I could have just pulled in the specific stylesheets required e.g. _dropdown.scss etc. but I actually scrapped using ng2-select completely in favour of PrimeNG's autocomplete component:

http://www.primefaces.org/primeng/#/autocomplete

[dhilgarth]

Thanks for the tag @GFoley83 :-)

[manish-jain-1]

http://valor-software.com/ng2-select/assets/css/ng2-select.css

[optimistex]

New life the component is there: https://github.com/optimistex/ng2-select-ex

[santhoshsakthivel]

New life the component is there: https://github.com/optimistex/ng2-select-ex

Can you please explain how to set the default value in ngx-select-ex. You give an example and it is randomly choosing the value from the array. But I need to set a single value. So, please tell how to set the single default value.

[optimistex]

@santhoshsakthivel Just provide it into the component: