Custom CSS for buttons - v7

weblike

Hi all,

I try to get all the benefit of bootstrap everywhere I can now with v7.
Does anyone used custom bootstrap classes for buttons?

If use a custom bootstrap class in button I get a button inside button.

@ Support: It would be nice to have the ability to define separately CSS style for buttons, too...

Thank you.

customaware

George,

If you add this to your included CSS file then it will give you control
over that outside button when used in a query operation row.

You may have to override other classes for normal buttons but you should
get the idea....

.k-button.aw-link{
border-style: hidden;
padding: 0,0,0,0;
margin: 0,0,0,0;
background-color: white !important;
border-radius: none !important;

}
.k-button:hover,.aw-link:hover{
padding: 0,0,0,0;
margin: 0,0,0,0;
background-color: #EDF2F4 !important;
border-radius: none !important;
}

weblike

Thx Mark for info,

but is it enough to place my custom css in /Custom/CSS/appname folder or do we have to change the template files?

cheers,

customaware

I just add mine to Custom/CSS/

weblike

Perfect.
A look forward for a detailed documentation of this new version. 🙂
thx a lot,

aware_support

There is a workaround for this. If you want to change buttons appearance in a form, use the "render" script for the form. The script can use jQuery to find buttons inside a form and add CSS class to them. The ID of the form is stored in the parser.m_formId field, so very roughly the script would do this:

$("#" + parser.m_formId).find (".k-button").addClass ("myclass")

This will assign the class to all buttons in the form. You can modify the script to find a specific button.

weblike

aware_support wrote
There is a workaround for this. If you want to change buttons appearance in a form, use the "render" script for the form. The script can use jQuery to find buttons inside a form and add CSS class to them. The ID of the form is stored in the parser.m_formId field, so very roughly the script would do this:

$("#" + parser.m_formId).find (".k-button").addClass ("myclass")

This will assign the class to all buttons in the form. You can modify the script to find a specific button.

Thank you support for this tip!
Where can we find such documentation tips? Already exists or you'll provide one!!!

aware_support

Documentation will be available in the Programmers Reference in the next beta. But it will only describe the general architecture, provide references to the appropriate places in Kendo UI documentation and show some examples. The rest is up to you. You really need to understand Javascript, jQuery etc to understand this documentation.

customaware

Another great reason to come to the Conference!!!!!

johntalbott

aware_support wrote
Documentation will be available in the Programmers Reference in the next beta. But it will only describe the general architecture, provide references to the appropriate places in Kendo UI documentation and show some examples. The rest is up to you. You really need to understand Javascript, jQuery etc to understand this documentation.

Was this included in Beta 2133? Me no see.

BenHayat

johntalbott wrote
aware_support wrote
Documentation will be available in the Programmers Reference in the next beta. But it will only describe the general architecture, provide references to the appropriate places in Kendo UI documentation and show some examples. The rest is up to you. You really need to understand Javascript, jQuery etc to understand this documentation.

Was this included in Beta 2133? Me no see.

Docs are being worked on...

Jaymer

does anyone have any more code or examples they can add to this thread?
pictures are nice too !!!