Telerik Forums
Kendo UI for jQuery Forum
1 answer
172 views

When I try to set the Chart options and datasource using TYPESCRIPT - it binds data , sets the customized colors but tooltip never works.

FYI, the calling happens as follows

Aspx - Html - Typescript - Dataacess

 

Is there any issue using Typescript and tool tip ? .

I am using latest kendo version .

Example with typescript - for treemap with tooltip will be helpful in my case.

 

Stefan
Telerik team
 answered on 21 Sep 2016
1 answer
129 views

I would like the user to navigate to different page - if user clicks on a treemap cell ..

How to set the Redirection or Navigation to happen ?.

Using web app , aspx , vs 2015 , Kendo latest 

Alex Hajigeorgieva
Telerik team
 answered on 21 Sep 2016
3 answers
704 views
Using Kendo UI MVC Extensions and my grid retrieves several thousand records from the DB and I call ToDataSourceResult to do all the filtering, sorting, Skip/Take, etc.  I want to do some processing of the data in one of the columns after the call to ToDataSourceResult, specifically because I only want to process the data visible to the user (not all several thousand records).  The function I want to use takes the content of the column as a string and returns the formatted data as a string.  Is there a "Kendo UI" way to do this?

Thanks in advance.
Konstantin Dikov
Telerik team
 answered on 21 Sep 2016
4 answers
405 views

This problem has been even on the demo page.

I opened the page and performed the simple script to display cell borders through developer console:

$('.k-grid-content tr td').css('border-left-width','1px')

After this I can see column borders as you can see on the first screenshot.

Then I scale page with Ctrl and mouse wheel. The result you can see on the second screenshot. Note, that if I will scale the page back to normal size, column borders in the body will not get initial position, they will be shifted regarding to header column borders.

Is there a way to avoid this shifting on the scaling?

Mikhail
Top achievements
Rank 1
 answered on 21 Sep 2016
3 answers
183 views

hi team,

I have a kendo grid with inline edit. When I click on edit, my update and cancel buttons come in 2 rows and not side by side. How can I get them side by side. Currently the column width for edit is 100px. Also my grid has a lot of columns so I need the horizontal scroll. How can I set the edit width to auto and stil have update and cancel buttons side by side?

Patrick | Technical Support Engineer, Senior
Telerik team
 answered on 20 Sep 2016
6 answers
329 views

Is it possible to disallow resources shifting columns in the "week" view of scheduler. I've tried grouping in the week view as well but it didn't grouped the reservations based on configurations. Also it added configurations name in the Y axis along with time on y-axis i.e per configuration with 24 hours time in y-axis.

The week view should have y-axis as 24 hour time and x-axis as 7 days range (which works fine but need vertical alignment for the same configuration reservations)

Green reservations should come in one column, and same should apply for red and yellow in attached file.

views: [

                    {
                        type: "day"
                    }, {
                        type: "week",
                        selected: true,
                        group: {
                            resources: ["Configurations"],
                            orientation: "vertical"
                        }
                    }, {
                        type: "agenda",
                        eventTemplate: $(reservationAgendaTemplate).html()
                    },
                    {
                        type: "timelineWeek",
                        columnWidth: 100,
                        majorTick: 1440,
                        group: {
                            resources: ["Configurations"],
                            orientation: "vertical"
                        }
                    }
                ],

Peter Milchev
Telerik team
 answered on 20 Sep 2016
3 answers
1.1K+ views

Dear Telerik developers,

I need to use line spacing in Kendo Editor but I don't see this functionality.

Could you please show me how can I use this capability like Microsoft Word?.

Thanks in advanced.

Raúl.

 

 

Rumen
Telerik team
 answered on 20 Sep 2016
1 answer
789 views

I am missing Dialog forum. Maybe you should create it and then move this topic.

How can I add icon or even better define classes for icon in dialog actions?

$("#dialog").kendoDialog({
  actions: [{
      text: "OK",
      spriteCssClass: "fa fa-check",
      action: function(e){            
      },
  }]
});

Orlin
Telerik team
 answered on 20 Sep 2016
3 answers
188 views

Hi, 

Im using Spring to create a webapp and would like to implement serverSorting (as the first server option) in my kendoGrid.
The problem Im having is being able to read the "sort/group/filter/etc" data that is sent from the dataSource to by REST controller method.

This the URL being called by the browser:

http://localhost:8080/itd-boot-thymeleaf-demo/users?{%22sort%22:[{%22field%22:%22lastName%22,%22dir%22:%22asc%22}]}

This is my dataSource read atribute:

read: {
  url: "/itd-boot-thymeleaf-demo/users",
  contentType: "application/json",
  dataType: "json"
},

Here is my controller method:

@RequestMapping(method=RequestMethod.GET, produces="application/json")
@ResponseBody
public String getUsers() {
  System.out.println("### Getting users JSON");
  List<User> users = userService.getList();
  return User.toJsonArray(users);
}

What parameters should I add to "getUsers()" to map the request data so my method can read it?
I've tried to find examples of the serverSorting being used with MVC but haven't had any luck.

Please advise.

Thanks, 
Grant

Boyan Dimitrov
Telerik team
 answered on 20 Sep 2016
7 answers
920 views
I am trying to use the validator with the upload control and even though I have selected a file, the validation is returning false. Attached is the source and the image.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Upload documents for Andy Redi</title>
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<link href="/Content/Kendu/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
<link href="/Content/Kendu/styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/Content/Kendu/js/kendo.all.min.js" type="text/javascript"></script>
</head>
<body>
<div class="page">
<header>
<div class="clear">
</div>
<div class="log-on">
Welcome <a href="/Account/Details">thilehoffer</a>
<a href="/Account/LogOff">Log Off</a>
<a href="/Admin">Admin</a>
</div>
<div class="clear">
</div>
</header>
<section id="main">
<h2>Upload documents for Andy Redi</h2>
<form action="/Document/Create/3aaa624e-7f23-4532-9c24-10315cd665af" enctype="multipart/form-data" method="post"><input id="StudentId" name="StudentId" type="hidden" value="3aaa624e-7f23-4532-9c24-10315cd665af" /> <fieldset>
<legend>Upload Files</legend>
<div class="data-entry-container">
<label for="CategoryList">
Document Category</label></div>
<div class="data-entry-container">
<select id="CategoryList" name="CategoryList" required validationmessage="Category is required">
<option value=''> </option>
<option value='1'>IEP </option>
<option value='2'>Evaluation </option>
<option value='3'>Other </option>
</select>
</div>
<div class="data-entry-container">
<span class="k-invalid-msg" data-for="CategoryList"></span>
</div>
<div class="clear">
</div>
<div class="data-entry-container">
<label for="PostedFileBase">
Document File</label></div>
<div class="data-entry-container">
<input id="PostedFileBase" name="PostedFileBase" type="file" validationmessage="A file is required" required/>
</div>
<div class="data-entry-container">
<span class="k-invalid-msg" data-for="PostedFileBase"></span>
</div>
<div class="clear">
</div>
<br />
<input id="CategoryId" name="CategoryId" type="hidden" value="0" />
<input type="submit" value="Save File" />
</fieldset>
<p>
<a Length="0" href="/Student/Documents/3aaa624e-7f23-4532-9c24-10315cd665af">Back to documents for Andy Redi</a>
</p>
<script type="text/javascript">
//Functions
/*Set the value of hidden fields that will store the value selected from the drop down*/
function CategoryListChange() {
var dropdownlist = $("#CategoryList").data("kendoDropDownList");
var hiddenField = $("#CategoryId");
hiddenField.val(dropdownlist.value());
}
$(document).ready(function () {
$("#CategoryList").kendoDropDownList({ change: CategoryListChange });
$("#PostedFileBase").kendoUpload({multiple: false });
var validatable = $("form").kendoValidator().data("kendoValidator");
$("#save").click(function () {
if (validatable.validate()) {
return true;
}
return false;
});
});
</script>
</form>
</section>
<footer>
</footer>
</div>
</body>
</html> 
Andy F.
Top achievements
Rank 1
Iron
 answered on 19 Sep 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
Drag and Drop
Application
Map
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
DropDownTree
ListBox
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
Styling
ColorPicker
Pager
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
Licensing
PivotGridV2
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
LLM Kit
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?