We recently upgraded from release 2017.2.621.440 to release 2019.1.115.
Previously, the following code:
<
button
id
=
'texCov_setEmpty'
class
=
'tcov-button'
>1. Set All Adjustments to <
span
> No </
span
> Adjustment</
button
><
br
/>
<
button
id
=
'texCov_setPreferred'
class
=
'tcov-button'
>2. Set All Adjustments to <
span
> Preferred </
span
> Adjustment</
button
><
br
/>
<
button
id
=
'texCov_setLowest'
class
=
'tcov-button'
>3. Set All Adjustments to <
span
> Lowest Overlap </
span
></
button
>
.tcov-button > span {
font-weight: bold;
}
would display properly, but with the upgrade to the new release the leading/trailing spaces in the span are removed/ignored (see attached file).
Not a big deal - I fixed it by modifying the CSS:
.tcov-button > span {
font-weight: bold;
margin-left: 3px;
margin-right: 3px;
}
I was just wondering if I was doing something, or if an unintended change had occurred at some point?
Thanks, Gregg
I have designed one page where i am showing some actions using command. But i want to change the icons based on condition suppose based on status,
As mentioned in attached picture for OnHold the icons are displaying as edit, Cancel and OnHold but for approved we need to show only edit and cancel.
How we can achieve that? Also ,the command actions is taking a square block instead of that i need to show only font awesome icons like in second attached picture
Please help.
Thanks & Regards
Manish Tiwari
Hi,
I have a table containing 28 dynamically generated KendoUI buttons that represent a 28 day cycle. Im trying to enable and disable them all at once, but only the first button is being affected. Please advise.
//Inialize ALL 'day selection' buttons
$(
"#table-frequencyWindow-daySelection"
).find(
"button.dayButton"
).kendoButton({
enable:
false
});
//Inialize Frequency Selecter as kendo Drop Down List
$(
"#select-frequencyWindow-frequency"
).kendoDropDownList({
change:
function
(e) {
var
daySelectionTable = $(
"#table-frequencyWindow-daySelection"
);
console.log(daySelectionTable.find(
"button.dayButton"
).length)
//Prints "28"
if
(
this
.value() ==
""
) {
daySelectionTable.find(
"button.dayButton"
).data(
"kendoButton"
).enable(
false
);
}
else
{
daySelectionTable.find(
"button.dayButton"
).data(
"kendoButton"
).enable(
true
);
}
}
});
Hello for some users they're have a difficult time telling that the k-button is grayed out or disabled, so want to see if there's a way to gray out this button about 30% more when the "isNewBipEnabled" field is equal to "false" and i've attached a word document with snap shots for reference, thanks for any pointers!
<
td
width
=
"10%"
>
<
button
class
=
"bip-btn"
data-bind
=
"enabled: isNewBipEnabled, click: onNewBip"
>
<
img
data-bind
=
"attr: {src: newImgUrl}"
style
=
"vertical-align:middle;"
/>
<
span
style
=
"font-weight:bold;margin-top:2px;"
>New BIP</
span
>
</
button
>
</
td
>
/* <== special effiect when switching between views */
.bip-btn:hover {
background-color: cadetblue;
}
I have some buttons with icons and text and some only with text.
How the best way to make the button have only icon in a responsive layout?
Is there some settings I can do it or I need to do it in my scripts?
Thanks
Hi,
So (obviously) I've recently updated my KendoUI For jQuery library to the latest version, 2018.1.221. The update has introduced a bug into my code however. In the Release History for Kendo UI R1 2018 SP1 (https://www.telerik.com/support/whats-new/kendo-ui/release-history/kendo-ui-r1-2018-sp1) and it lists the following statement as a bug fix for the Button widget:
"Button keeps active state if pressing Enter to trigger click and changing focus inside click event handler"
A particular feature in my project makes use of setting the state of a kendo button to active to create the equivalent of a "button checkbox". Except now, once i click away from the button I just made active, its active state is removed.
I've created a Dojo example (https://dojo.telerik.com/AKUdABat) which uses the previous kendoUI release to demo what I want to do. Using the 2 version there, click the primary button and note that both buttons are set as active, then click in any white space. In the new release, the primary button's active state is removed, and im confident its due to the button widget fix I previously mentioned.
Please advise on how i can prevent this from happening, or another way of setting the active state of a clicked button without it being reverted.
Thanks in advance,
Grant
I'm simply too stupid for that. Why does the following not work?
Debugging the lines there the function is called without any error.
<button class="k-button" id="myTextButton" type="button">Enable</button>
....
<script>
$(document).ready(function () {
$("#myTextButton").click(function () {
("#myTextButton").enable(true);
("#myTextButton").value = "value text";
("#myTextButton").text = "text text";
("#myTextButton").html = "html text";
("#myTextButton").innerHTML = "innerHTML text";
});
</script>
Using k-button with the "min" version of common.css shows buttons with display: inline-flex.
This does not happen with the non-'min' version in the 2017.1.223 src download , "kendo.common.css" file. (2017.3.913 src download doesn't appear to be available yet.)
Don't have time to investigate, just thought I'd mention it to see what others are seeing. The inline-flex attribute seems to make buttons wrap strangely onto new lines.
This is inside a kendoWindow, may not happen in normal circumstances.
The file size difference is very small, 259kb vs 210kb approx., so I'm just using the non-minified version.
Hello,
When I change the material theme to the default theme, the image inside the image-only button is not vertically aligned in the middle anymore: http://dojo.telerik.com/enefU/3
I have a similar issue with toolbar buttons too: http://dojo.telerik.com/OCICi
Currently I am trying to solve the issue with following CSS style, but it's not perfect:
.k-button .k-image {
vertical-align: middle;
}
Any recommendations?
Best regards,
Kaan
I am new with KendoUI and was attempting to use kendoButton.
I installed:
$ npm install -S @progress/kendo-angular-buttons
gridexample@0.0.0 H:\ECLIPSE_WORKSPACE\GridExample\frontend\src\main\frontend
`-- @progress/kendo-angular-buttons@0.20.4
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modu
les\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {"
os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
When attempting to use kendoButton in html I receive the following error:
Multiple annotations found at this line:
- Undefined attribute name
(kendoButton).
- Undefined attribute name