Telerik Forums
Kendo UI for jQuery Forum
4 answers
873 views

How can I use the kendo tooltip with the kendo combo box?  I can successfully show a tooltip on a plain <input> element, but once I turn the input element into a kendo combo box, the tooltip will not work anymore.  Here's a code sample: http://dojo.telerik.com/uMafI.  If you replace the <input> line with the commented out line, then you will see the tooltip.

 

It looks like the tooltip is being applied to the original element and not the element that is created by the kendo-combobox directive.  If you go into the developer tools and remove the "display: none" on the original element, then you will see the tooltip when you hover over the previously hidden original element.

 

Thanks,

Michelle

Michelle
Top achievements
Rank 1
 answered on 03 Dec 2015
1 answer
314 views

Hi All,

 

I used  getOptions and setOptions in our project with no issue, except for one.  I re-applied the click event back to the command button after using grid.setOption with the following script

 var sourceClickEvent = columnClickEvent;   //columnClickEvent calls myfunction ()
 $.extend(myTarget.dataSource.options.fields[j].command[k], { click: sourceClickEvent });

 and I can see the click event for the command button, but every time I click on the button the click event does not fired.  Could anyone tell me what I did wrong?

 TIA

 

 

Steve
Top achievements
Rank 1
 answered on 03 Dec 2015
2 answers
211 views

Hi,

I am trying to add a line chart to the candle stock chart.

For example, in this demo basic stock chart, http://demos.telerik.com/kendo-ui/financial/index , I need to add a line chart inside the chart area. I tried adding another series and specified the chart type as "line". But line chart is not showing up.

Please check the attached file. The red line is the one I have to add using Kendo. If it's possible to do, please give me any examples or demo.

 

Thanks,

Kyaw

Kyaw
Top achievements
Rank 1
 answered on 03 Dec 2015
6 answers
196 views
Hi,
 
i have a problem in my cordova/angularJS application with all dropdown elements like "kendo-drop-down-list", "kendo-combo-box", "kendo-date-picker", "kendo-time-picker" or "kendo-date-time-picker". On click on the "open"-button on the right side nothing happens. Only if I change the window size off the cordova application (Windows 10) the boxes drops down. Every time i have to click on the "open"-button and then to resize the application window to se the options. I have to do it for every box every time i want see the dropdown options.

 

With best regards

Johann

 
Johann
Top achievements
Rank 1
 answered on 03 Dec 2015
1 answer
217 views
I have applied page level css and change kendo ui class according to my need, it works fine in chrome but in firefox it behaves differently. How to achieve same view in different browser. I have attached file which shows different views in different browser.
Konstantin Dikov
Telerik team
 answered on 03 Dec 2015
1 answer
74 views

Hello!

I have a kendoTooltip which in the contentLoad loads a kendoGrid with a dataSource, the columns and everything. The problem is: I have a column which have a lot of characters and I wanna edit this column like this:

columns: [
    {field: "comment", title: tooltipHeaderTranslations.COMMENTS, width: "400px"},
]
But when I'm in the tooltip the width is the same as before.
What should I do?

Thanks
Konstantin Dikov
Telerik team
 answered on 03 Dec 2015
9 answers
682 views

Hi, 

I have a DropDownList that is opened in a grid cell.
I want that  when I open the DropDownList, the width of each item will be of the largest item.
My CSS:

 .k-list-container {
  width: auto !important;
}

.k-list-container .k-list .k-item {
  padding-left: 25px;
}

It doesn't work as expected. It takes the largest item length, but in some grids it adds more space so it's longer than it should be.
(it's not the padding-left: that's for the scroll).

Thanks


Iliana Dyankova
Telerik team
 answered on 03 Dec 2015
1 answer
105 views

If column widths don't exceed the width of the Grid the rest of the space available is split among the columns. Is there a way to avoid this behavior? I have two action columns on my grid and I want them to be the same size no matter what. The rest of the columns can take the rest of the width of the grid.

The grid I'm using is not scrollable. I know that I could make the grid scrollable and not set the width of the last column (the last column would receive the extra width), but this is not acceptable because setting the grid to scrollable does not work with screen readers.

 

Dominik

Dimiter Topalov
Telerik team
 answered on 03 Dec 2015
6 answers
231 views

Hi.

 Why drag and drop task isn't change the "recurrenceRule" on the element i get on:

dataSource.transport -> update: function (options)  -> options.data

 

Thnaks

Vladimir Iliev
Telerik team
 answered on 03 Dec 2015
14 answers
200 views

Hi,

I try to use a Kendo UI Grid in a Cordova application. If I open the HTML file in browser it looks good. If I open the Cordova application the header and the footer of the Grid looks good too, but the body looks like all the values of the rows and columns are in a single line.

My HTML Code looks like this:

<kendo-grid options="mainGridOptions"></kendo-grid>
<script id="rowTemplate" type="text/x-kendo-tmpl">
    <tr data-uid="#: uid #">
        <td><span>#: FirstName #</span></td>
        <td><span>#: LastName #</span></td>
        <td><span>#: Country #</span></td>
        <td><span>#: City #</span></td>
    </tr>
</script>

With regards,

Johann

Alexander Valchev
Telerik team
 answered on 03 Dec 2015
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?