Telerik Forums
Kendo UI for jQuery Forum
3 answers
380 views
Hello,
How can I disable "Add child", "Add Above", "Add below" menu items while adding new task?

I want to leave only one "Add Task" button without additional menu.

If I set "messages: { actions: {addChild: "", insertBefore: "", insertAfter:""}}" empty menu items are displayed.

"change" event argument does not have "preventDefault" method to cancel task selecting.

Is it possible to leave only one "Add task button"? If it is not possible, how can I remove the button from the footer of the Gantt (I'll add my own button). 
Dimitar Terziev
Telerik team
 answered on 13 Jun 2016
6 answers
749 views
Hi ,

I am using Kendo Listview component as shown below:

$("#showHide").kendoListView({dataSource: vals,template: "<div style='overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:4px;'>#:name#</div>",selectable: "multiple",
change:  function() {
selected = $.map(this.select(), function(item) {
return vals[$(item).index()].name;
              });     
},
});

Now as per requirement , i have to set the width to 240px for div ("showHide"). Now ellipses part is working fine when data is greater than 240px but i am not able to show tooltip on that. After searching on Internet, I found that using offsetwidth and maxwidth we can do that but when i am trying to apply here it is not working.

Please see below code for offsetwidth and maxwidth which is not working :

_getMaxLiWidth : function(i){
 var maxWidth = 0;
 $('#showHide').each(function(i){
   if(this.offsetWidth > maxWidth)
     maxWidth = this.offsetWidth;
 });
 return maxWidth;
}

Is there any other alternative to implement the tooltip other then this. Please help.

Shafi
Top achievements
Rank 1
 answered on 12 Jun 2016
1 answer
124 views

There is a display button in the right bottom corner of my grid, its inactive right now, I would like to be able to make that active when you click a row and then you could click it to download via a link with the id in the link.

I just didnt find any examples of this or how to activate it and what events to use with it, do you have any demos of this ?

Currently I have a button on a tab that opens when you click the > infront of each row.

 

Regards,

Emil

 

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 10 Jun 2016
4 answers
98 views

Hi,

I couldn't find why, but like in this example: http://dojo.telerik.com/@Janek91/eZUyI font color I'm picking from palette is not applied in HTML code. It's only adding <span> tag. In addition you can't select indexes of ordered or unordered list to change its colors. Can you help me?

Alexander Popov
Telerik team
 answered on 10 Jun 2016
1 answer
1.0K+ views

OK, I am a total stinking newb. This is an idiotic question, that I'm sure will serve as a laughingstock for years to come.

So I have a grid ... I have columns defined for that grid, and the names of the data elements that I expect to appear in those columns. As well as button at the end of each row that will, at some point, you know ... do stuff. So I have this below ... and it doesn't do that. I get the names and ages ...

  • but then I also get "bar" in the last column ... Why? I never told anyone about the "foo" element.
  • also I don't get the button at the end of the row that I expect.

So far I've narrowed the problem down to somewhere between the <html> and </html> tags.

Thanks in advance, for any and all sense that you kind folks may knock into me :-)

Here's the code:

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="/content/kendo/kendo.common.min.css" />
    <link rel="stylesheet" href="/content/kendo/kendo.default.min.css" />
 
    <script src="/scripts/kendo/jquery.min.js"></script>
    <script src="/scripts/kendo/kendo.web.min.js"></script>
</head>
<body>
    <input id="testButton" type="button" value="Click Me" onclick="testButton_onclick(this)" />
 
    <div id="example">
        <div id="grid"></div>
 
        <script>
            $().ready(function () {
                setupKendoGridInitial();
            });
 
            function setupKendoGridInitial() {
                $("#grid").kendoGrid({
                    columns: [
                       { field: "name", title: "Happy Name" }
                      , { field: "age" }
                      , {
                          command: [
                                   {
                                       name: "details",
                                       click: function (e) {
                                           rowEdit(e);
                                       }
                                   }
                          ]
                      }
                    ]
                });
            }
 
            function rowEdit(e) {
                alert("Do stuff: " + e.age);
            }
 
            function testButton_onclick(event) {
                // let's pretend I just called Web API and got this as JSON from the server
                var structuredData =
                    {
                        blinkyBot: 1,
                        grannyGunner: "xyz",
                        funkyRows: [
                          { name: "Jimmie Doe", age: 70, foo: "bar" },
                          { name: "Johnny Doe", age: 73, foo: "bar" }
                        ]
                    };
 
                $("#grid").kendoGrid({
                    dataSource: structuredData.funkyRows
                    });
            }
        </script>
    </div>
</body>
</html>

Dimiter Madjarov
Telerik team
 answered on 10 Jun 2016
5 answers
290 views

Great editor - using in my MVC4 projects -- better than TinyMCE

Used your "show html" custom tool - but in doing so you then need to specify all the tool names for them to show up.

You only show the following in the online docs - but that's not all of them.  As seen when you don't specify any explicitly.

Don't see a complete list in any docs - please either provide them or point me to the proper documentation..

Thanks!

...Lance Larsen

$("#editor").kendoEditor({
     tools
: [
         
"bold",
         
"italic",
         
"underline",
         
"foreColor",
         
"insertUnorderedList",
         
"insertOrderedList",
         
"createLink",
         
"unlink",
         
"insertImage"
     
]
 
});
Misho
Telerik team
 answered on 10 Jun 2016
1 answer
121 views
Hello,
I am in need to get the complete list of tools which are supported by the kendo editor, to include into a training report.
I was able to find only these much of tool configuration. 

$("#editor").kendoEditor({
tools:  [
"bold",
"italic",
"underline",
"strikethrough",
"justifyLeft",
"justifyCenter",
"justifyRight",
"justifyFull",
"insertUnorderedList",
"insertOrderedList",
"indent",
"outdent",
"createLink",
"unlink",
"insertImage",
"insertFile",
"subscript",
"superscript",
"createTable",
"addRowAbove",
"addRowBelow",
"addColumnLeft",
"addColumnRight",
"deleteRow",
"deleteColumn",
"viewHtml",
"formatting",
"cleanFormatting",
"fontName",
"fontSize",
"foreColor",
"backColor",
"print"
]
});

I tried following the above link but found that the resource have been shifted permanently. Kindly provide me with the list or helpful link where I could find the details. 
Misho
Telerik team
 answered on 10 Jun 2016
1 answer
101 views

Hello guys,

 

I am trying to do the following. 

I have a grid witch need to have selectable row. Inside each row i have a sparkline chart on witch when i click a kendo window must open.

When i click on the row a kendo window opens as well.

 

I know the normal behavior is to open 2 modals as it should. But i need to be able to open just one when i click on the sparkline and prevent the default one from the row.

 

i have attached the followig dojo to better explain and show what i am failing to do.

I guess this is kinda easy if you put selectable cell, but i need to select the whole row.

 

Thank you.

Dimiter Madjarov
Telerik team
 answered on 10 Jun 2016
1 answer
517 views

Do you support double click on the list view item for kendo ui listview? I could not find it in the docs.

http://docs.telerik.com/kendo-ui/api/javascript/ui/listview

Thanks!

Dimiter Madjarov
Telerik team
 answered on 10 Jun 2016
1 answer
118 views

Hi

I've been struggling with KendoUI and AngularJS to get a list view to repeat (or attempting to use ng-repeat). Here is the StackOverflow I created in regards to the issue

http://stackoverflow.com/questions/37701918/kendoui-angular-datasource-will-not-repeat-or-display-telerik-platform

I not have a suspicion it may be the json returned from my DataSource and as such I may need to restructure it or work around it, if this is the case I do not mind restructuring the results.

Cheers

Petyo
Telerik team
 answered on 10 Jun 2016
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
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?