Telerik Forums
Kendo UI for jQuery Forum
1 answer
115 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
672 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
387 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
165 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
310 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
761 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
172 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
888 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
2 answers
772 views

Hi, 

Im trying to create a PoC replica of some new functionality added to KendoDropDownList, adding a new Item from the noDataTemplate.

Im trying to replicate http://demos.telerik.com/kendo-ui/dropdownlist/addnewitem with a static DataSource, however once the new item is added to the dataSource its not being selected, http://dojo.telerik.com/emOWE.

Regards,
Grant

PS - This feels like a stupid question, like I've overlooked something simple. My apologies if this is the case.

Grant
Top achievements
Rank 3
Iron
Iron
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
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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?