Currently the undocumented package @progress/kendo-theme-bootstrap is under heavy development, and is not intended to be used. Use the @progress/kendo-theme-default package instead.
As we progress towards a more stable release, the theme will be included in the Kendo UI for Angular site, and this issue will be closed. To receive a notification when the theme is shipped, subscribe to this thread.
gyoshev
All 9 comments
The closed tickets mean the theme is ready for use?
moyzes
on 27 Mar 2017
@moyzes the closed issues are duplicates. We have shipped a beta version of the Bootstrap theme, which can be seen in action on the site. Details on how to use the theme will be available with the next website upload, later today, and this issue will be closed.
gyoshev
on 28 Mar 2017
The 2.0.0-beta.4 version of the Bootstrap theme is now released, and the styling information has been updated.
gyoshev
on 29 Mar 2017
Can't build the theme @progress/[email protected].
When I call "npm run build", there is a webpack error: webpack --optimize-minimize --bail --> Output filename not configured.
EricSch
on 29 Mar 2017
@EricSch the current implementation of the Bootstrap theme is in the v2 branch, so the build process is there, too. Once the version hits 2.0, it will be merged to the master branch.
gyoshev
on 29 Mar 2017
This means?
- For customizing I clone the v2 repository (https://github.com/telerik/kendo-theme-bootstrap/tree/v2)?
- For just using it, I include the
@progress/[email protected]package?
Txs
EricSch
on 29 Mar 2017
Yes, with a side-note that if you are using angular-cli or a Webpack build, you can use or customize the theme without cloning the repository. Just redefine one of the available variables and include the SCSS from the package.
Since you reported having problems with building the theme through npm run build, the build process is available only when you clone the repository.
All available styling options are documented in the styling overview topic.
gyoshev
on 29 Mar 2017
@gyoshev I am able to customize using $button-bg: #818181; while placed before the import of the default theme, but as soon as I change the import to the bootstrap theme, I get nothing. I see the bootstrap theme, but no custom colors. Any ideas would be greatly appreciated.
@import "~@progress/kendo-theme-default/scss/all";
vs
@import "~@progress/kendo-theme-bootstrap/dist/all";
From my package.json
"@progress/kendo-theme-bootstrap": "^2.4.0",
"@progress/kendo-theme-default": "^2.37.0",
isatemple
on 24 May 2017
@isatemple to modify a theme, refer to its scss/all file -- it contains the theme source, and is compiled against the defined variables. The dist/all file contains the compiled CSS, which does not use the variables.
gyoshev
on 25 May 2017
Related issues
jiangen1016
路
16Comments
alexeykostevich
路
16Comments
meriturva
路
19Comments
papushe
路
14Comments
simon11196
路
17Comments
Most helpful comment
@moyzes the closed issues are duplicates. We have shipped a beta version of the Bootstrap theme, which can be seen in action on the site. Details on how to use the theme will be available with the next website upload, later today, and this issue will be closed.