search

vladotesanovic / ngSemantic

Angular 2 building blocks :package: based on Semantic UI
https://ng-semantic.herokuapp.com/
MIT License
973 stars 148 forks source link

semantic css files not available #167

Closed mkndn closed 7 years ago

mkndn commented 7 years ago

I used the following npm command to install semantic npm install ng-semantic --save But i couldn't find css/scss/less files downloaded inside node_modules/ng-semantic folder.

As a result my dropdown is not themed at all.

enavarro222 commented 7 years ago

Semantic CSS are not provided by ngSemantic. You need to install semantic it self. It is possible with bower:

bower install semantic
mkndn commented 7 years ago

Thank you. i have downloaded the stylesheets. Looks like still the styling is not applied properly. I am using the select component. Please refer the attached images semanticselect semanticselectexp

In systemjs.config.js, 

map: {
'ng-semantic': 'node_modules/ng-semantic',
}
packages: {
'ng-semantic': { 
        main: 'ng-semantic.js',
        defaultExtension: 'js'
      }
}

and the import i used import { NgSemanticModule } from "ng-semantic";

My HTML, <sm-select placeholder="Select ACO" class="fluid" (onChange)="selected($event)"> <option *ngFor="let item of items" [value]="item.id"><span [innerHTML]="item.text"></span></option> </sm-select>

mkndn commented 7 years ago

My Apologies. I missed this import <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.js"></script> This solved the issue.