Telerik Forums
Kendo UI for jQuery Forum
4 answers
606 views

Hi All , 

 

I want to remove the default validation given by the kendo ui for Autocomplete.Please help me in achieving this.

Ivan Danchev
Telerik team
 answered on 27 Feb 2017
1 answer
234 views

Hello,

I have a chart with two area series.

When zooming, the second line tooltip stops working. Only the tootltip of the first line works normally.

 

jQuery("#chart").kendoChart({
                chartArea: {
                    height: 300
                },
                renderAs: "canvas",
                dataSource: {
                    data: assuredEnergyGrossGraph
                },
                series: [
                    {
                        type: "area",
                        aggregate: false,
                        field: "assuredValue",
                        color: "#adcd7a",
                        name: "Garantia Física",
                        line: {
                            color: '#40b800',
                            width: 2
                        }
                    },
                    {
                        type: "area",
                        aggregate: false,
                        field: "capacityValue",
                        color: "#ffcaa8",
                        name: "Potência",
                        line: {
                            color: '#f55e00',
                            width: 2
                        }
                    }
                ],
                valueAxis: {
                    title: {
                        text: $scope.EnergyUnit
                    }
                },
                categoryAxis: {
                    field: "assuredDateTime",
                    baseUnit: "months",
                    baseUnitStep: 'auto',
                    maxDateGroups: 24,
                    type: "date",
                    labels: {
                        rotation: "auto",
                        format: 'MM/yyyy'
                    }
                },
                tooltip: {
                    visible: true,
                    template: "#= moment(category).format('MM/YYYY') # <br /> #= value # MWM"
                },
                legend: {
                    position: "bottom"
                },
                pannable: {
                    lock: "y"
                },
                zoomable: {
                    mousewheel: {
                        lock: "y"
                    },
                    selection: {
                        lock: "y"
                    }
                }
            });
Konstantin Dikov
Telerik team
 answered on 27 Feb 2017
3 answers
243 views

When I specify sort fields via the datasource.sort() option, the result is different in Chrome than it is in IE.

In IE, multiple all-day events in the same day appear sorted correctly on the calendar.  In chrome, the same events render *slightly* out of order.

In both browsers, printing that set of events to the console reveals that the datasource itself is sorted correctly in both browsers, but it appears the calendar control does not render them in the specified order, in Chrome.

I've included screenshots of my data in Chrome...

1) my sort configuration

2) the day's data, sorted, printed to the console

3) the day's data, sorted, rendered on the calendar

Veselin Tsvetanov
Telerik team
 answered on 27 Feb 2017
3 answers
1,000 views
The object returned by grid.getOptions() includes the "attributes" object for columns, such as the following:

"attributes":{"style":"text-align: right;"}

However, it does not include the header attributes. If I apply saved grid state using grid.setOptions(), my header attributes defined via HeaderHtmlAttributes is removed. Is there a way to set the grid options while preserving the header attributes?

Here's the code I'm using to set the grid options:

var grid = $("#CaseloadGrid").data("kendoGrid");
var savedOptions = localStorage["caseload-grid-options"];
 
if (savedOptions)
{
    var state = JSON.parse(savedOptions);
    var options = grid.options;
    options.dataSource.pageSize = state.dataSource.pageSize;
    options.dataSource.sort = state.dataSource.sort;
    options.dataSource.page = state.dataSource.page;
    grid.setOptions(options);
}
Dimo
Telerik team
 answered on 27 Feb 2017
5 answers
177 views
I have a requirement to toggle between workWeek and week on hideWeekend checkbox click. Is there any work arround
Veselin Tsvetanov
Telerik team
 answered on 27 Feb 2017
1 answer
338 views

I have the following code on a page. 

    @(Html.Kendo().AutoComplete()
        .Name("categoryAutocomplete")
        .DataTextField("Combined")
        .Filter("contains")
        .MinLength(3)
        .HtmlAttributes(new { style = "width:200px" })
        .DataSource(source => source.Read(read => read.Action("GetAntiqueCategories", "Customer"))
        .ServerFiltering(false)
        )
    )

When the page loads and I start typing into the control, the appropriate controller method is getting called and data is returned but I get a JS error in the browser saying:

Uncaught TypeError: e.slice is not a function

    at init.success (kendo.all.min.js:27)
    at success (kendo.all.min.js:27)
    at Object.n.success (kendo.all.min.js:27)
    at i (jquery-1.12.4.min.js:2)
    at Object.fireWith [as resolveWith] (jquery-1.12.4.min.js:2)
    at y (jquery-1.12.4.min.js:4)
    at XMLHttpRequest.c (jquery-1.12.4.min.js:4)

 

Ivan Danchev
Telerik team
 answered on 27 Feb 2017
1 answer
149 views

the kendo autocomplete i'm using sometimes causes internet explorer crashing.

on read function I handle a async ajax request using the jquery ajax method. the server side is fine, I have tested on chrome and works fine.

 

the internet explorer version is 11 but it should work with older versions

the kendo version is 2016.1.406

the jquery version is the same include in the kendo package.

Ivan Danchev
Telerik team
 answered on 27 Feb 2017
3 answers
129 views

Hi,

tabulator appends whitespace to listview when target element is partial or completely outside clientview and you cannot scroll back to the top.

Is there a fix?

 

Kind regards

Axel

Tsvetina
Telerik team
 answered on 24 Feb 2017
4 answers
450 views

I'm trying to get the dataSource dataItem for a grid value after I have brought up a custom popup screen.  I've created a button on the custom popup, and I'm passing the UID to the click event and I can get the row of the grid, however I'm trying to get the datasource dataItem and have had no luck.  I've create the following dojo:   http://dojo.telerik.com/@pnd@qad.com/oYIXU/2

I've also attached a screenshot of the developer tools which shows my dataItem is undefined, what I need is the dataItem so that I can pass that on to another call.  Any help is greatly appreciated.

Paul
Top achievements
Rank 1
 answered on 24 Feb 2017
2 answers
1.3K+ views
Hi,
I am not able to select the first tab as selected tab on page load.
I have my tab text coming from database.
if i click on any of the tab manually then i can see the data.
But the first tab as to be selected by default itself What setting am i missing here ?


               
<script type="text/javascript">
    $m = jQuery.noConflict();
    $m(document).ready(function myfunction()
    {
        $m("#tabstrip").kendoTabStrip({
            tabPosition: "left",
            dataTextField: "desc",
            dataContentUrlField: "Url",
            dataValueField: "menuOrder",
 
        }).data("kendoTabStrip").select(0);
         var dataSource = new kendo.data.DataSource(
        {
            transport:
            {
                read:
                {
                    url: "http://localhost:58030/Config/api/Feat/Get?Member=ASIA\Kiran",
                    type: "GET",
                    dataType: "json",
                    cache: false,
                    contentType: "application/json",
                    charset: "utf-8"
                }
            },
            data: {
                        name: { type: "string" },
                        desc: { type: "string" },
                        menuOrder: { type: "string" },
                        Url: { type: "string" }
                    },  
        });
         debugger;
        var tabStrip = $m("#tabstrip").data("kendoTabStrip");
        tabStrip.setDataSource(dataSource);
        tabStrip.select(0);
        //tabStrip.select(1);
    })
</script>


Thanks in advance!
Pallavi
Top achievements
Rank 1
 answered on 24 Feb 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
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?