Telerik Forums
Kendo UI for jQuery Forum
1 answer
232 views
Dear,
I have three vertical splitter like this:

$("#vertical").kendoSplitter({
      orientation: "vertical",
      panes: [
      {
         collapsible: false,
         resizable: false,
         size: "80px"
      },
      {
         collapsible: false,
         resizable: true,
         size: "500px"
      },
      {
         collapsible: false,
         resizable: true,
         size: "300px"
      }
      ]
   });


I would like set the middle splitter in auto height.
I would like have the first splitter on top of window and the third splitter on bottom of window and the second splitter must be changed height with resizing window.

Is there a way to have this result ?

Thanks,
Rinaldo
Dimo
Telerik team
 answered on 22 Oct 2012
9 answers
357 views
Kendo,

I am testing out the mobile on safari and emulating the user agent for iOS and trying to produce some functionality with the ScrollView widget.

I want to display some static HTML (like a box the size of the metro panel box) instead of images and I am having issues getting the scrolling to work. 

I only want to display 1 page at a time no matter the size of the device used, when I use the sample code to test out it does not seem to render the pages like it does on the demo page.

Any ideas? A simple sample would be much appreciated.
Alexander Valchev
Telerik team
 answered on 22 Oct 2012
2 answers
2.9K+ views
How to add checkbox in grid 
Aden
Top achievements
Rank 1
 answered on 22 Oct 2012
2 answers
255 views
Using the datetime picker I am getting a different value back between IE and firefox:

in IE i get Thu Oct 18 10:05:56 UTC+0100 2012
in Firefox i get Thu Oct 18 2012 10:06:26 GMT+0100 (GMT Daylight Time)
Chrome is the same as firefox

I am using the following to get the value:

 var ImpDate = $("#dpimp").data("kendoDateTimePicker").value();

Why is this happening, it is causing me problems on my webservice as i am trying to convert the kendo date into a c# date by doing the following:

  ImpDate = ImpDate.Remove(24);
  DateTime dtImpDate = DateTime.ParseExact(ImpDate, "ddd MMM dd yyyy HH:mm:ss", CultureInfo.CurrentCulture);

And obviously with the IE format being different it fails.

Craig Broadhead
Top achievements
Rank 1
 answered on 22 Oct 2012
0 answers
74 views
Hello,

I have this situation

  • If I Add a new record -> refresh the page -> delete same record It Works fine
  • But If I add a new record -> delete same record it don't get deleted from the db 
In both case it apparently seems fine from front end but problem is on back end, in second scenario I do not get any request for destroy record either (checked through firebug) So it is obvious that if no request at all how could data get deleted from the db.

Let me know how can I fix this Issue I checked the very same situation on the kendo demo site and it is running perfectly fine. 

I hope I convey my question.

Thanks in advance.
Awais
Top achievements
Rank 1
 asked on 22 Oct 2012
3 answers
269 views
How can one change the label text of the custom edit command. Thanks

ie: columns.Command(cmd => cmd.Edit())
Alexander Valchev
Telerik team
 answered on 22 Oct 2012
1 answer
164 views
When clicking a row, nothing happens. No error is throws, and no row is being selected.
I tried both selectable: "row" and selectable: "row multiple".

Is there anything wrong with this code ?

($codesListContainer is a reference to the <div> where the grid will be placed.)

$codesListContainer.kendoGrid({
    dataSource: {
        type: "json",
        transport: {
            read: '@Url.Action("AllCodes", "Dossier")'
        },
        aggregate: [
            { field: 'TotalPrice', aggregate: 'sum', format: "{0:C}" }],
        pageSize: 10
    },
    selectable: 'row',
    detailInit: detailInit,
    columns: [
        { field: 'Number', title: 'Nr.', width: '10%' },
        { field: 'Title', title: 'Title', width: '60%' },
        { field: 'UnitPrice', title: 'Price per unit', width: '10%' },
        { field: 'NumberOfUnits', title: 'Number of units', width: '10%' },
        { field: 'TotalPrice', title: 'Total', format: "{0:C}", footerTemplate: '#=kendo.format("{0:c}", sum)#', width: '10%' }
    ],
    pageable: true,
    scrollable: false,
    change: function () {
        alert("change");
    }
});

Thanks in advance.

Nick
Nick
Top achievements
Rank 1
 answered on 22 Oct 2012
0 answers
111 views
Hi

I have problem with hierarchical data within the datasource. As a trivial example I have the following data:

var data [{
    id1,
    firstName"Alex",
    positions[{
        address{
            street"somewhere"
        }
    }]
}];

in which the parent (firstName, id) should be shown inside a Grid and the Children (positions) inside the popup dialog. Now if I bind that it's not possible to show the street as a template #=address.street# 

How can I define a hierarchical DataSource and how can i define a hierarchical schema (to use the validation) 

Here I have a JSFiddle to reproduce my problem

Thanks in advance

Roland
Top achievements
Rank 1
 asked on 22 Oct 2012
1 answer
3.2K+ views
Hi

I have a grid that contains a field for an email address.  I need to validate that the email address at least conforms to the basic "<name>@<domain>.<tld>" format when the user enters a record.

I tried setting the type to "email" in the dataSource model, as below:

$("#usersGrid").kendoGrid({
     dataSource: {
         schema: {
             model: {
                 id: "Id",
                 fields: {
                     Id: { editable: false },
                     Email: { type: "email", validation: { required: true} },
                     Username: { validation: { required: true} }
                 }
             }
         }
     },
...

Interestingly,  it worked for updates.  However, when I try to create a new record, it gives the error: "Uncaught ReferenceError: Email is not defined".

My questions are:

1. Is there a way to validate a field that contains an email address in the grid? 

2. Additionally, is there a way to detect a validation failure from outside the grid?  I'm implementing a wizard and want to prevent the user from proceeding if they press the 'Next' button when the grid has an outstanding validation failure.
Vladimir Iliev
Telerik team
 answered on 22 Oct 2012
1 answer
127 views
Hi All,

I know this might be an ODD question, but if anyone knows how to do this, please let me know.  During a meeting, a request came up to expand the width of each tab labels to fill up the width of the tab control.  The number of tab labels are generated dynamically, there could be 1 to 6 tabs labels and we need to find a way to increase the width of the labels, so they will leave no "empty" space on the left of the last tab label when there's not enough labels to fill the width of the control.

Thanks~
Pooja
Top achievements
Rank 1
 answered on 22 Oct 2012
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
MultiColumnComboBox
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
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
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?