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]

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]

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]

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 !!!