kendo-theme-material | Kendo UI theme based on the Material Design guidelines | Theme library
kandi X-RAY | kendo-theme-material Summary
kandi X-RAY | kendo-theme-material Summary
(PREVIEW) Kendo UI theme based on the Material Design guidelines
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of kendo-theme-material
kendo-theme-material Key Features
kendo-theme-material Examples and Code Snippets
Community Discussions
Trending Discussions on kendo-theme-material
QUESTION
I have an NX Workspace for angular. All the latest versions (angular 12.0.0, NX 12.3.4, storybook 6.3.0) I created a lib called ui-core and added a sample nav menu component for testing. I then added nx storybook schematic and storybook runs and I also have it set up to use tailwind via @ng-neat/tailwind.
I also have a dependency on kendo ui for angular who exposes many scss files for styling their components.
The problem is that no matter which way I try to import the styles from ~@progress/kendo-theme-material they do not get applied in the storybook instance.
HOWEVER: They DO get applied if I import the component from the ui-core lib into the main angular app and run ng serve.
EXAMPLE: right is ng serve of app that uses the menu nav anf left is storybook of same component
What I have Tried:
- Change main.js config for storybook (the webPackFinal is the part that was added as per these docs from storybook):
ANSWER
Answered 2021-May-30 at 17:25First, I need to thank HailToTheKing in the storybook discord for helping with this.
The problem here was that I needed to import the kendo ui modules in to the storybook config for this story. I did not realize that the modules imported into the nx lib do not get automatically.
So this WAS NOT a scss issue. The browser console was throwing a lot of element not found errors for the kendo components. Once I imported them into the storybook config, the component rendered properly.
Here is my component.stories.ts config:
QUESTION
Recently i moved my angular application in some different folder. since then when i want to build the app i get this error:
Schema validation failed with the following errors: Data path "" should have required property 'tsConfig'
I tried to look up in github and stackoverflow and only found these links:
https://github.com/angular/angular-cli/issues/11479
they say i have to downgrade a package:
"@angular-devkit/build-angular": "^0.800.1" to "^0.12.4"
but this don't feel like the right way
...ANSWER
Answered 2020-Apr-01 at 14:27Check your angular.json file
Maybe the tsconfig.json path is missing in the build configuration
QUESTION
I'm trying to import
import '@progress/kendo-theme-material/dist/all.css'
but I get the following error:
...ANSWER
Answered 2019-Dec-02 at 09:53I updated the create-react-app
package to the latest version: create-react-app@3.2.0
npm update -g create-react-app
My version was 3.0.1
In addition I updated in the existing projects the react-scripts
version
npm install --save --save-exact react-scripts@3.2.0
QUESTION
ANSWER
Answered 2019-Jul-18 at 20:25I think my problem was that in angular.json
I had these options set:
QUESTION
I am developing an Angular 7 web application which implements Angular Material controls throughout. I now need to include a Kendo UI for JQuery Gantt Chart. There appears to be two approaches to configuring this:
- Copy the
js
and thestyles
folders from the Kendo UI for JQuery installation directory into mywwwroot
folder and reference them in myindex.html
file. npm install --save @progress/kendo-ui
andnpm install --save @progress/kendo-theme-material
.
With approach 1, manually copying the folders into wwwroot
the js folder is approximately 77Mb and the
styles` folder approximately 20Mb. I don't want to be deploying these for every release.
With approach 2, npm install...
my webpack bundled main.js
file is approximately 5.5Mb which is better, but on inspection still contains the entire Kendo UI suite of components when I only need the Gantt and it's dependant components. I also found that when I npm install...
the Material theme and include a reference in my angular.json
file, the styling on the components appears incorrect. The bars are coloured but almost everything else has no colour and the Gantt chart doesn't resize properly.
My compromise has been to use the npm install...
for the Kendo UI components and manually copy the required .css
files into my wwwroot
folder and reference them in my index.html
file.
Can anyone suggest a better approach for a lean, robust way of implementing these Gantt controls please?
...ANSWER
Answered 2019-Feb-19 at 15:30I also had to use the jQuery Gantt chart in a Angular 7 project. I also took the second approach:
QUESTION
I am working on a React project with Kendo UI. I followed the steps from Kendo UI TreeView
I have installed @progress/kendo-treeview-react-wrapper
, @progress/kendo-ui
and imported theme into my project using import '@progress/kendo-theme-material/dist/all.css';
When I use KendoUI buttons, everything is working, the functionality and theme are expected, but it throws below Error when use TreeView
ANSWER
Answered 2018-Jun-01 at 16:05The instructions from Kendo React is :
There's one more step to do, we need import @progress/kendo-ui
explicitly:
QUESTION
I am using components from kendo-react-ui for my react project. I am trying to use Layout properties like Container, Row, Cols to make it responsive as we have in bootstrap 4. Please find my code below :
...ANSWER
Answered 2018-May-14 at 06:31Thanks @Xizario After contacting kendo's support team, I came to know that we have to install bootstrap dependency separately to make the application responsive. I have added reactstrap which uses bootstrap 4.
Thanks
QUESTION
I am using the Kendo UI Grid for Angular with pagination. When I click on a new page or arrow, it calls the pageChange event which updates the State's skip and take properties and calls a service to get the new data. However, the paginator buttons do not update, so it always appears to have the first button selected with a range of 1 - 25 of x items as the label.
The view is
...ANSWER
Answered 2017-Sep-23 at 08:35The skip
property also needs to be bound to the Grid state, so that the current page is updated correctly:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install kendo-theme-material
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page