Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There are some official documents.</p> <p>See <a href="http://docs.kendoui.com/getting-started/web/appearance-styling" rel="nofollow">this link</a> if you are generally interested in how kendo UI can be customized.</p> <p>And <a href="http://demos.kendoui.com/themebuilder/web.html" rel="nofollow">here</a>, you can even style on the go what you like, and export the styles ass CSS or LESS. Alternatively you can also include the ThemeBuilder on your site! See the 3-point instructions guide on the site.</p> <pre><code>3. Use the ThemeBuilder as a bookmarklet on your own pages! (Drag the button to your bookmarks bar) </code></pre> <p><strong>EDIT:</strong></p> <p>Since you are wondering how to style the elements themselves, inspect the menu through a tool like firebug. You would then see the structure of the menu, and can style the classes individually. For example, the menu in <a href="http://demos.kendoui.com/web/menu/index.html" rel="nofollow">this link</a>, contains of the following html:</p> <pre><code>&lt;ul id="menu" data-role="menu" class="k-widget k-reset k-header k-menu k-menu-horizontal" tabindex="0" role="menubar"&gt; &lt;!-- snip --&gt; &lt;li class="k-item k-state-default" role="menuitem"&gt; &lt;span class="k-link"&gt; Blog &lt;/span&gt; &lt;/li&gt; &lt;!-- snip --&gt; &lt;/ul&gt; </code></pre> <p>You could then for example style the following:</p> <pre><code>.k-menu .k-item { min-width: 140px; } </code></pre> <p><strong>EDIT 2:</strong></p> <p>To change the menu in the way that only the menu-items are colored, use the following definitions:</p> <pre><code>.k-menu.k-header { background-image: none; background-color: none; } .k-menu .k-item { background-color: red; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload