Telerik Forums
Kendo UI for jQuery Forum
2 answers
157 views

According to following example (https://demos.telerik.com/kendo-ui/form/index), it is great and easy to create a kendoForm with validation.

...but I would like to customize rendered form, for example, I would like to place formItems into tabstrip

...or I would like to move some items, add custom text between them and etc...

 

Does exists any way for this (...except using react :-D ) ...or is it possible to do this with another way => generate kendoForm from existing bootstrap html form (with all kendo form features and kendo validation)?

 

Thanks a lot for each idea.

 
Stoyan
Telerik team
 answered on 24 Nov 2020
3 answers
352 views

Hi I have a working application with Jquery autocomplete, Jquery date picker and so on. I was asked to replace a simple textbox with richtext boxes for a few fields. Since we have a license for Telerik, I decided to go with the Kendo Jquery and the UI is perfectly working by referencing.

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>

I am yet to hookup the database side but in the mean time, If I insert Kendo, the Jquery datepicker is throwing error. "Error: Object doesn't support property or method 'datepicker'". Also, auto populate doesnt trigger.

Are there any conflict of using Jquery and Kendo? or are there any duplicate reference causing this issue?

<!--<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/redmond/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
-->
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="https://jqueryui.com/resources/demos/style.css" rel="stylesheet" />
<script src="scripts/jquery.numeric.js" type="text/javascript"></script>
<script src="scripts/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>

 


 
      <textarea id="successful" rows="5" cols="30" style="width:100%; height:840px" aria-label="successful">
      
        </textarea>
        <script>
            var successful = $("#successful").kendoEditor({
                tools: [
                    "bold",
                    "italic",
                    "underline",
                    "justifyLeft",
                    "justifyCenter",
                    "justifyRight",
                    "insertUnorderedList",
                    "createLink",
                    "unlink",
                ]
            });
        </script>

 

Please advise on this conflict. Also, I have an existing mvc textbox control  @Html.TextAreaFor(m => m.successful, new { @class = "form-control" })  which is saving in the database directly. How can I associate/hookup kendo textarea with the same control and database field called "successful" Please help.

 

Thanks in advance.

Neli
Telerik team
 answered on 24 Nov 2020
1 answer
263 views
Hi. I need your help about formatting my KendoUI chart.I use KendoUI chart with my Delphi + Unigui code
My doubts are in  the figure attached. The main doubt is how to format the horizontal axis to show the desired number of decimals. I want to change from one decimal ( one number after the comma like   2200,0  ) to two decimals   (like 2200,00 ). This line of code did not work TNumericField(FieldByName('distM')).DisplayFormat :=  '#,0.00';
Code to try to fix the decimals
ChartSeries.Values['Fmod'] := 'serFmod';
ChartProperties.Values['valueAxis'] := '{labels: {format: "#,0.0"}}';             // vertical  axis  one decimal
ChartProperties.Values['tooltip'] := '{visible: true, format: "#,0.000"}';          // points   3 decimals
ChartSeriesDefaults := 'labels: {visible: true, position: "insideEnd", format: "#,0.00"}';
If needed I can send a test case using Delphi + Unigui.
Georgi Denchev
Telerik team
 answered on 24 Nov 2020
1 answer
79 views
^^
what 
Anton Mironov
Telerik team
 answered on 24 Nov 2020
1 answer
204 views

Hi,

Here's the example (http://jsfiddle.net/jxn2u7y9/) that I try to draw a line,

But I want to control the speed of the initial animation duration,

Is there any way or api to slow down the initial animation duration speed such as the setInterval way using in this example (https://jsfiddle.net/k9fxbmp8)?

var timer = setInterval(() => {
  if(count > len){
    clearInterval(timer)
  }
 
  myChart.data.datasets[0].data.push(totalData[count]);
 // myChart.data.datasets[1].data.push(releaseData[count]);
 
  myChart.update();
  count++;
},800)

 

Thanks

Angel Petrov
Telerik team
 answered on 23 Nov 2020
1 answer
6.8K+ views

I have to disable and enable cells of the grid under the same columns based on date validations. Is it possible to  do that in Kendo Grid?

I am new to Kendo UI and not getting proper examples for doing this.

P.s.Any proper example explaining this will be really  helpful.

Aleksandar
Telerik team
 answered on 23 Nov 2020
1 answer
318 views
Good people, I have several queries: 1-how can I customize the subtotal template in kendo groupings specifically in the groupFooterTemplate ?, the idea is that it says Total and the name of the group. 2-Is it possible for the blue arrows to be removed? is that within my kendo the initial grouping (TPRH Income) only has one item unlike the grouping below (Total expenses, costs and revenue) that contains 2 sup groupings that generate a subtotal each, the problem is that in the above (TPRH Income) shows me 2 times the group name and the subtotal and it looks weird, I would like to know how to make it appear only once.
Tsvetomir
Telerik team
 answered on 23 Nov 2020
1 answer
1.9K+ views

Hi,

 

I want to add Select All checkbox in asp.net mvc kendo grid explicitly.

 

We are using razor kendo grid.

 

If I use ClientTemplate or Client Header Template Boolean values showing. I need select all check box.

 

For columns its showing fine. but in header how to add select all checkbox explicitly. Kindly help

Anton Mironov
Telerik team
 answered on 23 Nov 2020
3 answers
3.1K+ views

Dear Sir/Madam,

I am working on a Kendo Form in which I would like one of the fields to be read only. The field's definition is simply: { field: "someField", label: "Some Field" }

In order to make the field read-only I'm guessing I should be using the "attributes" property but I'm not sure. I have not found any example on the use of the "attributes" property.

Would you be able to provide an example showing how to make the field read-only please?

Thanking you in advance for your assistance.

 

Herrick

Acq
Top achievements
Rank 1
 answered on 21 Nov 2020
1 answer
224 views

Here is my treeview. How do I format the checkboxes horizontal instead of vertical?

  @(Html.Kendo().TreeView()
                    .Name("treeview")
                    .Checkboxes(checkboxes => checkboxes
                        .Name("checkedFiles")
                        .CheckChildren(true)
                    )
                    //Inline data is set with the BindTo method
                    .BindTo((IEnumerable<ndpbrn_hub.Areas.PaymentTracking.Models.ViewModels.NodeChkBox>)ViewBag.inline, (NavigationBindingFactory<TreeViewItem> mappings) =>
                    {
                        mappings.For<ndpbrn_hub.Areas.PaymentTracking.Models.ViewModels.NodeChkBox>(binding => binding.ItemDataBound((item, category) =>
                        {
                            item.Id = category.NodeID;
                            item.Text = category.NodeName;
                            item.Checked = category.IsSelected;
                        })

                      );
                    })
    )

Stoyan
Telerik team
 answered on 20 Nov 2020
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)
SPA
Filter
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
OrgChart
TextBox
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
Popover
DockManager
FloatingActionButton
TaskBoard
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
TimePicker
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
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?