With or without Twitter Bootstrap?

[Hans]

Hi,

I was trying to use kendoUI together twitter bootstrap, but there seems to bee just too many rendering glitches and problems :(.

What do you recommend? should users use it together, and if yes, what pitfalls should they avoid (for me the co-existence looks quite fragile) ?

The main problems seems to arise from the fact that the number of available kendoUI components is quite small compared to e.g. Sencha ExtJS, so Twitter Bootstrap et. co. seems to supply quite allot of this missing stuff, but than it breaks the existing ones :(.

regards.

[Sebastian]

Hello Hans,

I am sorry to hear that you are experience issues when using Kendo UI and Twitter Bootstrap together. We have received questions about the integration of both frameworks and our Dev Rel advocate, Burke Holland, created a couple of blob posts on this subject that you may find useful:

http://www.kendoui.com/blogs/teamblog/posts/13-01-18/easy_application_layout_with_twitter_bootstrap.aspx

http://www.kendoui.com/blogs/teamblog/posts/13-01-22/responsive_design_with_twitter_bootstrap.aspx

If you encounter particular glitches when using them side-by-side, feel free to submit separate support incidents either in our forums or using the support ticketing system. Thus our support team will assist in addressing them.

Kind regards,
Sebastian
Telerik

[Hans]

Thank you for your reply.

> our Dev Rel advocate, Burke Holland, created a couple of blob posts on this subject
> http://www.kendoui.com/blogs/teamblog/posts/13-01-18/easy_application_layout_with_twitter_bootstrap.aspx
> http://www.kendoui.com/blogs/teamblog/posts/13-01-22/responsive_design_with_twitter_bootstrap.aspx
Of course, I searched for possible solutions before posting here, but there doesn't seems to be one addressing most issues, hence my question if it makes sense altogether to try to integrate the both.

> If you encounter particular glitches when using them side-by-side, feel free to submit separate support incidents
Just dropping in bootstrap files into a Kendo UI Web project (business web app, not site),  seems to change visually lots of things (in an inconsistent manner IMO). This seems to be Bootstrap's fault since it acts "globally". However the ThemeBuilder doesn't seem to help here since it's not considering the bootstrap part.

It's however not just about the "glitches", but as I mentioned earlier, the fact the Kendo UI is simply missing important widgets/functionality required for business applications, and Twitter Bootstrap seems to provide some (as a poor mans workaround):

# Layout Managers
How others do it:
   http://docs.sencha.com/extjs/4.2.1/extjs-build/examples/layout-browser/layout-browser.html?theme=gray
Bootstrap Workaround:
   http://getbootstrap.com/2.3.2/scaffolding.html

# Button Dropdowns
How others do it:
   http://try.sencha.com/extjs/4.1.0/docs/Ext.button.Split.1/
   http://docs-origin.sencha.com/extjs/4.2.1/#!/api/Ext.button.Split
Bootstrap Workaround:
   http://getbootstrap.com/2.3.2/components.html#buttonDropdowns

# Icons
Bootstrap Workaround:
   http://getbootstrap.com/2.3.2/base-css.html#icons
Also:
  http://fortawesome.github.io/Font-Awesome/

The above are just a few I've encountered evaluating Kendo UI Web as an upgrade alternative for a existing (but small) business web application.
IMO the best/simplest solution for start would be the Theme Builder to include the Twitter Bootstrap components as an option.

regards.

[Sebastian]

Hi again Hans,

Thank you for your suggestion about the Theme Builder - I'll pass it to our devteam to be contemplated further.

As for the examples of basic widgets/layout manager you pointed out - I suggest you express your interest in them by voting for the following UserVoice items:

http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/2953770-re-sizing-api-
http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/3098372-a-kendo-ui-kind-of-bootstrap-foundation-with-htm

http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/2262761-add-button-and-toolbar-widgets

and monitor the progress/status of each of these items.

Kind regards,
Sebastian
Telerik