Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

semantic css files not available #167

Closed
mkndn opened this issue Mar 17, 2017 · 3 comments
Closed

semantic css files not available #167

mkndn opened this issue Mar 17, 2017 · 3 comments

Comments

@mkndn
Copy link

mkndn commented Mar 17, 2017

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
Copy link

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

bower install semantic

@mkndn
Copy link
Author

mkndn commented Mar 20, 2017

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
Copy link
Author

mkndn commented Mar 20, 2017

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.

@mkndn mkndn closed this as completed Mar 20, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants