Copy a Kendo UI Vue Design

Question

i consider myself a good developer but when it comes to design or struggle with bootstrap or css stuff i'm lost. so i came here to ask for some help.

i'm using kendo ui with vue. now i need to do a couple of cruds, and i was asked to copy the design of the following page.

well the thing is that i'm unable to copy that design... :( not even the design, the controls don't look like that at all.

can someone point me in the right direction? i don't even find that panel on kendo-vue.

thanks. regards.

score 0 · Answer 1 · answered Apr 07 '19 at 11:04

0

First of all check the source of the page. You will be able to see the css classes that are being used. What is more you could spot the stylesheets being used and lookup the their sources.

Secondly, you don't want to look for the whole panel on kendo-vue. Look for different components to assemble the panel: form, inputs, datepickers, selects etc.

Thirdly, you could view the whole theme on github . Just clone it and add your changes

Hope this helps

answered Apr 07 '19 at 11:04

Igor Sergiichuk

1
2

thanks, i didn't know about that github repo. i will take a look. – Rothariger Apr 07 '19 at 11:09
well, after one hour trying to figure out how to get that working, i'm giving up. – Rothariger Apr 07 '19 at 12:27
the thing is i don't know if i'm missing from importing something, i'm using bootstrap-vue, maybe that's the problem with that. – Rothariger Apr 07 '19 at 12:28
please share the code that you've written. Exactly the form part – Igor Sergiichuk Apr 07 '19 at 13:37
you are using plain html style for elements tags whether you should link components in vue style https://www.telerik.com/kendo-vue-ui/components/framework/using-cdn/ – Igor Sergiichuk Apr 07 '19 at 16:18

Copy a Kendo UI Vue Design

1 Answers1