Add Bootstrap style to button.

[Jose Mejia]

Hi.

I want to add to button Bootstrap class='btn btn-primary', but whatever I tried it didn't help.
I tried this:

$(".k-button.k-upload-button").addClass("btn btn-primary");

nothing help, then I tried use templates:

<input name="files"  id="files" type="file"/>
<script id="fileTemplate" type="text/x-kendo-template">
  <div>
     <button type='button' class='btn btn-primary' ></button>
</div>
</script>

and use  template function, but no result.

What I'm doing wrong? 

Thanks in advance.

[Iliana Dyankova]

Hi Jose,

This scenario is not supported out-of-the-box and in order to achieve the same outcome as "btn btn-primary" for Kendo UI Upload button you should explicitly set the styles. As an example: 

.k-button.k-upload-button {
   color:#fff;
   background-color:#428bca;
   border-color:#357ebd
}

Regards,
Iliana Nikolova
Telerik

[KEG]

This is messed up.  This is one of the primary reasons I dislike the kendo UI/mvc libraries.  All properties should be able to be overwritten with site specific implementations, especially display aspects, i.e. css.

[Iliana Dyankova]

Hi Keith,

Unfortunately, there is no way to ensure integration compatibility with other third-party library styles and in some cases custom overrides are needed.

Regards,
Iliana Nikolova
Telerik