Telerik Forums
Kendo UI for jQuery Forum
1 answer
290 views

I have a grid with a filter row in the top. When zooming in, borders disappear. 

I could also repro it with your own demos of the combobox: http://demos.telerik.com/kendo-ui/combobox/index. When I zoom in to 90%, I see a missing top border for t-shirt size (see attached). When I zoom in further other borders disappear and appear.

I use Chrome Version 62.0.3202.94

Dimitar
Telerik team
 answered on 28 Nov 2017
1 answer
1.0K+ views
hi
in need help to fix error this function
this error show me in console
Uncaught TypeError: Cannot read property 'dataSource' of undefined


function treeview_getCheckedItems(treeId) {
    function _checkedNodeIds(nodes, checkedNodes) {
        for (var i = 0; i < nodes.length; i++) {
            if (nodes[i].checked) {
                checkedNodes.push(nodes[i]);
            }

            if (nodes[i].hasChildren) {
                _checkedNodeIds(nodes[i].children.view(), checkedNodes);
            }
        }
    }
    var treeView = $("#" + treeId).data("kendoTreeView");
    var treeData = treeView.dataSource.view();
    var checkedNodes = [];
    _checkedNodeIds(treeData, checkedNodes);
    return checkedNodes;
}
Ivan Danchev
Telerik team
 answered on 28 Nov 2017
6 answers
863 views

Hello.

How can I use WebComponentsIcons.eot as webresource for example in microsoft CRM. When I add WebComponentsIcons.ttf to CRM as webresource and use kendo ui editor in a form of CRM, fiddler returns code 500 : WebComponentsIcons.ttf?gedxeo - undefined parameter gedxeo.

Thanks

Kary
Top achievements
Rank 1
 answered on 28 Nov 2017
1 answer
201 views

hi all, 

    First of all thanks for implementing Grid checkbox selection feature. we were using it as a custom feature for quite some time with the help of events like databound, click events.

   After i have seen this feature is implemented, i tried to use this as poc in my existing project but failed as this feature is not helpful in cases where i have multi level grids (one main grid & grids inside detail template). It is working fine except check all in header. When i click check all in detail grid it effects in main grid.

 when I further analysed, i came to see that the all the header check all in that page is having same id (kendo guid) from the kendo default template. As a workaround i used the same template as header template explicitly. I hope this would be helpful for you.

Bug Dojo :

http://dojo.telerik.com/orEhu/9

Workaround Dojo :

http://dojo.telerik.com/orEhu/15 

Stefan
Telerik team
 answered on 28 Nov 2017
1 answer
59 views
im using upload within my grid. i want to pass parameter to controller in upload save event. that parameter is the selected upload row's data
Stefan
Telerik team
 answered on 28 Nov 2017
1 answer
160 views
I am trying to make code sample of editable grid with external form.

I followed the the documents at https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Editing/grid-external-form-editing.

I added the property editable:true to the grid and added custom validation for both the grid and the form on the field "ProductName".

The validation rule is that only input which is not "wrongInput" is valid.

I want to change the behavior that in case that the user enter invalid input in the grid then the grid will stay in the same row until a valid input is entered.

Secondly I if the user go to the form and fix the the field there then the corresponding field in the grid will be updated with the correct value.

This is the link to the code https://dojo.telerik.com/anopA







Stefan
Telerik team
 answered on 28 Nov 2017
4 answers
1.6K+ views
Hi I have States  Kendo Combox set up like below on a template ;which opens up on Grid Edit popup template.

1) For some reason even if placeholder is setup ; Combobox shows first item as Object.

2)Trying to achieve to clear the box when invalid text is entered other than in the data source.

Getstates() returns a list of states as Name and Code fields.

Template:
<tr>
     <td>
          <label for="State" class="required">State:</label>
     </td>
     <td>
          <input id="State" class="k-input k-textbox" name="State" data-bind="value:State" placeholder="State" required="required" validationMessage="State.." style="width:172px;" /> 
    
     </td>
 </tr>

Model & Field:
schema: {
      model: { State: "State",
      fields: {State: { defaultValue: { Value: "", Text: "" }, validation: { required: true} }
           }
     }
  
ComboBox:

var crudServiceBaseUrl = window.applicationBaseUrl + 'api/WebApi';
        $("#State").kendoComboBox({
                placeholder: "Select...",
                dataTextField: "Name",
                dataValueField: "Code",
                dataSource: {
                    //severFiltering: true,
                    transport: {
                        read: {
                            url: crudServiceBaseUrl + "/GetStates"
                        }
                    }
                },
                open: function (e) {
                                      valid = false;
                                  },
                select: function (e) {
                                      valid = true;
                                  },
                change: function (e) {
                                      var arrayOfStrings = $.map(this.dataSource.data(), function (val) { return val.dataTextField });
                                      if (arrayOfStrings.indexOf(this.value()) == -1) {
                                          this.value('');
                                      }
                                  },
                filter: "startswith",
                suggest: true,
                index: 0
            });

Data Array:
data: [{ Name: "Alabama, AL", Code: "AL" },{ Name: "Alaska, AK", Code: "AK" },]


Ivan Danchev
Telerik team
 answered on 28 Nov 2017
4 answers
1.0K+ views

Hi , 

    I am working with Kendo UI version 2017.3.913 for Jquery and using kendoUpload widget,the issue I am encountering is whenever I am selecting a file/files from explorer window which opens after clicking "Select file",the "input" DOM element of kendoUpload is created again and hence I am having multiple duplicated DOM "Input" elements with same id/name,hence is causing the issues with desired functionality of the project as I want to register a click handler on the kendoUpload widget.I am using the widget inside a window.Overall issue is very similar to the existing thread : http://www.telerik.com/forums/one-file-selection-causes-multiple-instances-are-created ,one difference being in my case the Input DOM element is getting created multiple times on the UI/Client side only,but the call of uploading documents is going exactly once(which is expected and right behaviour). 

   HTML:

 <form enctype="multipart/form-data" id='_duFrmdocForm_' action='uploadDoc' method='POST'    enctype="multipart/form-data">

 

<span>
         <div style="display: none">
                <input id="_ignore" name="_Ignore" />
         </div>
        </span> <span>
        <div style="display: none">
              <input id="action" name="Action" />
        </div>
       </span> <span>
       <div style="display: none">
            <input id ="data" name="Data" />
      </div>
 </span>

 <input id="duFiles" name="files[]" type="file" aria-label="files" />

</form>

   Initialization code : 

  $('#duFiles').kendoUpload({
   async : {
   "saveUrl" : "uploadDoc",
   "autoUpload" : false,
   "batch" : true
   },
   upload : function(e) {
      var data = {}; 
      var payloadData = {
         "test" : "abc"
      };
      $('#data')).val(JSON.stringify(payloadData));
      var form = $('#duFrmdocForm')).serializeArray();

      $.each(form, function() {
         data[this.name] = this.value;
     });

     e.data = data;
  }
});

Veselin Tsvetanov
Telerik team
 answered on 27 Nov 2017
1 answer
385 views

Hi,

  In Kendo Scheduler I need to add colour to the slots based on the start and End date 
(i.e.) If startdate is Monday 10AM and EndDate is Tuesday 12PM means inbetween the slots are need to fill with yellow colour refer to not available period.

The start and End days are dynamically changed based on that the slots colour are need to change. 
currently I am using the following code to colored but it take long time to process. It took each slot one by one by.

I need based on start and End date, the in between slots are need to colored in a single shot itself, it should not loop for each and every slots in the table.

view.table.find("td[role=gridcell]").each(function () {
if ($(this) != null) {
var selectSlot = $(this)
var slot = scheduler.slotByElement(selectSlot);
/Comparing the start and Endate  and coloured
if ((slot.startdate >= startdate) && (slot.enddate <= enddate) //dummy conditions
selectSlot.addClass("slot-selected");
}
});

Tyler
Top achievements
Rank 1
 answered on 27 Nov 2017
1 answer
315 views

hi,

Need your help.

I have a problem with kendoSortable and tabStrip.
when the direction in the page is right to left it does not work correctly.
I'm using your demo of kendoSortable  with tabStrip from: 
http://demos.telerik.com/kendo-ui/sortable/integration-tabstrip
just add to the body dir="rtl"

 

thanks

Ivan Danchev
Telerik team
 answered on 27 Nov 2017
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
ContextMenu
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
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
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?