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.
Custom CSS for buttons - v7
Custom CSS for buttons - v7
Thx,
George
________________________________
Developer Edition
AwareIM: v8.5, build 2824
OS: Windows Server 2012
DB: MySql 5.6.42
George
________________________________
Developer Edition
AwareIM: v8.5, build 2824
OS: Windows Server 2012
DB: MySql 5.6.42
-
- Posts: 2403
- Joined: Mon Jul 02, 2012 12:24 am
- Location: Ulaanbaatar, Mongolia
Re: Custom CSS for buttons - v7
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;
}
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;
}
Cheers,
Mark
_________________
AwareIM 6.0, 8.7, 8.8, 9.0 , MariaDB, Windows 10, Ubuntu Linux. Theme: Default, Browser: Arc
Upcloud, Obsidian....
Mark
_________________
AwareIM 6.0, 8.7, 8.8, 9.0 , MariaDB, Windows 10, Ubuntu Linux. Theme: Default, Browser: Arc
Upcloud, Obsidian....
Re: Custom CSS for buttons - v7
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,
but is it enough to place my custom css in /Custom/CSS/appname folder or do we have to change the template files?
cheers,
Thx,
George
________________________________
Developer Edition
AwareIM: v8.5, build 2824
OS: Windows Server 2012
DB: MySql 5.6.42
George
________________________________
Developer Edition
AwareIM: v8.5, build 2824
OS: Windows Server 2012
DB: MySql 5.6.42
-
- Posts: 2403
- Joined: Mon Jul 02, 2012 12:24 am
- Location: Ulaanbaatar, Mongolia
Re: Custom CSS for buttons - v7
I just add mine to Custom/CSS/
Cheers,
Mark
_________________
AwareIM 6.0, 8.7, 8.8, 9.0 , MariaDB, Windows 10, Ubuntu Linux. Theme: Default, Browser: Arc
Upcloud, Obsidian....
Mark
_________________
AwareIM 6.0, 8.7, 8.8, 9.0 , MariaDB, Windows 10, Ubuntu Linux. Theme: Default, Browser: Arc
Upcloud, Obsidian....
Re: Custom CSS for buttons - v7
Perfect.
A look forward for a detailed documentation of this new version.
thx a lot,
A look forward for a detailed documentation of this new version.
thx a lot,
Thx,
George
________________________________
Developer Edition
AwareIM: v8.5, build 2824
OS: Windows Server 2012
DB: MySql 5.6.42
George
________________________________
Developer Edition
AwareIM: v8.5, build 2824
OS: Windows Server 2012
DB: MySql 5.6.42
-
- Posts: 7525
- Joined: Sun Apr 24, 2005 12:36 am
- Contact:
Re: Custom CSS for buttons - v7
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.
$("#" + 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.
Aware IM Support Team
Re: Custom CSS for buttons - v7
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!!!
Thx,
George
________________________________
Developer Edition
AwareIM: v8.5, build 2824
OS: Windows Server 2012
DB: MySql 5.6.42
George
________________________________
Developer Edition
AwareIM: v8.5, build 2824
OS: Windows Server 2012
DB: MySql 5.6.42
-
- Posts: 7525
- Joined: Sun Apr 24, 2005 12:36 am
- Contact:
Re: Custom CSS for buttons - v7
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.
Aware IM Support Team
-
- Posts: 2403
- Joined: Mon Jul 02, 2012 12:24 am
- Location: Ulaanbaatar, Mongolia
Re: Custom CSS for buttons - v7
Another great reason to come to the Conference!!!!!
Cheers,
Mark
_________________
AwareIM 6.0, 8.7, 8.8, 9.0 , MariaDB, Windows 10, Ubuntu Linux. Theme: Default, Browser: Arc
Upcloud, Obsidian....
Mark
_________________
AwareIM 6.0, 8.7, 8.8, 9.0 , MariaDB, Windows 10, Ubuntu Linux. Theme: Default, Browser: Arc
Upcloud, Obsidian....
-
- Posts: 619
- Joined: Wed Jun 17, 2015 11:16 pm
- Location: Omaha, Nebraska
- Contact:
Re: Custom CSS for buttons - v7
Was this included in Beta 2133? Me no see.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.
VocalDay Solutions - Agility - Predictability - Quality
We specialize in enabling business through the innovative use of technology.
AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
We specialize in enabling business through the innovative use of technology.
AwareIM app with beautiful UI/UX - https://screencast-o-matic.com/watch/crfUrrVeB3t
Re: Custom CSS for buttons - v7
Docs are being worked on...johntalbott wrote:Was this included in Beta 2133? Me no see.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.
Re: Custom CSS for buttons - v7
does anyone have any more code or examples they can add to this thread?
pictures are nice too !!!
pictures are nice too !!!
Click Here to see a collection of my tips & hacks on this forum. Or search for "JaymerTip" in the search bar at the top.
Jaymer
Aware Programming & Consulting - Tampa FL
Jaymer
Aware Programming & Consulting - Tampa FL