Questions on Kendo UI for jQuery Forum

3 answers

222 views

I would like to ask is it possible to have button groups in multiple lines? I need 9 buttons that will work together (e.g free per line) - there is no space for more.

Regards
Marcin

ButtonGroup

answered on 10 Jul 2015

2 answers

396 views

Vertical Test Align of Button Group Inconsistent

I am having difficulty ensuring that the text in my buttongroup widget is consistently vertically aligned with adjacent widgets.

For instance I have created my own toolbar to show the problem and displayed it along side the kendo toolbar. I cannot get the text in the buttongroup to be vertically aligned with the other widgets in my toolbar. However in the Kendo toolbar the text is all consistently vertically aligned. I have tried setting vertical-align and line-height but these failed. Please explain how I can show a buttongroup in my toolbar with the text consistently vertically aligned with the other widgets.

My HTML is:

<!DOCTYPE html>

<html ng-app="myApp">

<head lang="en">

<meta charset="UTF-8">

<title>ButtonGroup Test</title>

<style>

body { background-color: dimgrey; }

</style>

</head>

<body ng-controller="AppCtrl" style="font-size: 80%; font-family: 'Arial' ">

<div kendo-toolbar k-options="toolbarOptions"></div>

<div style="height: 5px;"></div>

<div style="background-color: white; padding: 5px;">

<select kendo-drop-down-list style='width: 150px;'>

<option>Paragraph1</option>

<option>Paragraph2</option>

</select>

<kendo-button>Button</kendo-button>

<kendo-mobile-button-group style="display: inline-block;">

<li>Option 1</li>

<li>Option 2</li>

<li>Option 3</li>

</kendo-mobile-button-group>

<kendo-button style="float: right;" sprite-css-class="'k-icon k-i-hbars'" ></kendo-button>

</div>

<script type="text/javascript" src="../vendors/jquery/dist/jquery.min.js"></script>

<script type="text/javascript" src="../vendors/angular/angular.min.js"></script>

<link rel="stylesheet" href="../vendors/kendo/styles/kendo.common.css" />

<link rel="stylesheet" href="../vendors/kendo/styles/kendo.default.mobile.css" />

<link rel="stylesheet" href="../vendors/kendo/styles/kendo.default.css" />

<script src="../vendors/kendo/js/kendo.all.min.js"></script>

<script type="text/javascript" src="app.js"></script>

</body>

</html>

ButtonGroup

answered on 27 Jun 2015

6 answers

114 views

Cancel selection or determine previous one?

I have a button group for a mobile app and i have to use "up" for selectOn because it is on a scrolling page.

I need to make it so that when the user taps a particular button (say button4) in the group, a confirmation dialog appears asking them if they are sure they wanted to do that.

So say the user currently has button2 selected. They tap button3, the confirmation dialog appears, and they hit cancel. How can i make it so button2 stays selected if they hit cancel?

ButtonGroup

answered on 04 Apr 2014

1 answer

310 views

Selected Button Text Color (Action)

I am using your Mobile ThemeBuilder and I can not get the selected button's text in the ButtonGroup to change color. I've tried many different ways to change the color through declarative css styles. (No Inline, I can not use inline styling).

This is the style that is generated by your theme builder:

.km-ios7 .km-view .km-navbar .km-view-title > * .km-button.km-state-active .km-text {
color: rgb(0, 63, 135);
}

It does not work. The selected button's text is always white.

Thank you for your time.

ButtonGroup

answered on 20 Mar 2014

2 answers

78 views

ButtonGroup CSS stretched.

Currently working on building a mobile app using Kendo Mobile and I am seeing an issue when loading a listview for the first time with a buttongroup at the top of the page. The buttongroup gets stretched out into the listview. If I navigate back to the page a second time the css of the buttongroup is fine. Has anyone seen this issue before? I can post code samples if need be. Thanks.

ButtonGroup

answered on 14 Mar 2014

3 answers

753 views

Deselect ButtonGroup

I have a buttongroup inside a modal view and I'd like to reset the button group's selection each time the modal view is opened. What's the best way to do this? I can't seem to find a way to clear the selection.

ButtonGroup

answered on 14 Dec 2013

1 answer

442 views

MVVM binding to ButtonGroup index

I have a button group like the following:

<ul data-role="buttongroup" data-bind="index: selectedTabIndex, events: { select: tabSelected }">

<li>Item1</li>

<li>Item2</li>

<li>Item3</li>

</ul>

However I get the following error when Kendo tries to bind my model:
"The index binding is not supported by the ButtonGroup widget"

Is it not possible to bind widget properties to a view model?

ButtonGroup

answered on 11 Dec 2013

7 answers

216 views

Binding select event via MVVM

I have markup for a button group like the following:

<ul data-role="buttongroup" data-index="0" data-bind="select: deliveryMethodChanged">

<li>

Email

</li>

<li>

Download

</li>

</ul>

I'm trying to use the MVVM method to bind to the select event however I'm getting the following error in version 2013.2.716 at line 10373:
0x800a01bd - JavaScript runtime error: Object doesn't support this action

Am I missing something? Is it not possible to bind to the select event in this way?

Scott

ButtonGroup

answered on 27 Sep 2013

1 answer

124 views

Button not appearing properly when added dynamically to button group

Hi,

Button not appearing properly when added dynamically to button group

Steps to reproduce this issue :
1. Click on Remove button. Closure button in button group will be removed.
2. Click on Add button. Closure button appears but Closure button is not in line with other buttons.

PFA the sample project.

Any help will be appreciated.

Thanks in Advance.

ButtonGroup

answered on 27 Aug 2013

1 answer

113 views

ButtonGroup with DatePicker

http://jsfiddle.net/klaudyuxxx/a9wqL/52/

I know ButtonGroup was not made to hold any DatePickers, but is there a workaround to make it look ok?
The buttons get a little bit huge after initializing the DatePicker, and the DatePicker itself inherits some styles and doesn't look as it supposed to.
In ScrollView No2 is what I'll use instead of ButtonGroup, but it's not that pretty.

Thank you!

ButtonGroup