Telerik Forums
Kendo UI for jQuery Forum
3 answers
288 views

We have a use case to choose missing values from a specific column. Missing values are left undefined on the data source. As of now, using a kendoFilterMultiCheck filter will automatically not include these values in the filter list of the dropdown. Our users wish to see rows that have a blank, missing, null value in this column. The filter also doesn't behave as expected in this regard. The following workflow will not have expected results:

1. Choose the "select all" option to filter the column

2. Apply filter

3. Uncheck the "select all" option

4. Apply filter

 

The resulting grid will have all blank values missing.

 

I've included a sample that demonstrates our use case.

http://dojo.telerik.com/eDECe

Boyan Dimitrov
Telerik team
 answered on 16 Dec 2016
15 answers
1.8K+ views
Kendo Editor Issues /Queries:-
I.E.8 compatibility issue
Description
Following are the issues with i.e.8 browser
1. User cannot select background colour for text (please see attached screenshot)


I.E.8 and above compatibility issue:
Hyperlink does not work in all IE browsers while composing messages
Steps to replicate:
1. Add a hyperlink in the text editor.
Actual Result: Right clicking on hyperlink does not work.

Browser Chrome and Safari specific:

Google Chrome and Safari: Print preview missing background text colour
Description
Google Chrome and Mac Safari Specific
On compose window, add some text with background colour, click to print, print preview does not shows background colour.
From Message view page, click on print icon to view print preview, background colour is missing

General issue in all browsers:
Selected Font displayed in drop down does not match
Description:-
In compose window, apply some font on the text.(issue occurs when the following fonts are applied - Courier New,
Lucida Console, Times New Roman, and Trebuchet MS) select the text again to verify selected font
is applied on the text. Selected Font displays value of option tag instead of visible text in drop down




Query 1:

Tab key not working kendo inside create table cells
Description:-
Drag table using kendo text editor.
When we use tab key to move control from one cell to another cell, operation does not work.

Query 2:
Incorrect url redirect when clicking on hyperlink
Description:-
Create new hyperlink. Clicking on hyperlink on composes new messages or messages page redirects to incorrect url.



Greg
Top achievements
Rank 1
 answered on 16 Dec 2016
1 answer
508 views

Hello,

I'm using Grid with filters in my AngularJS application, following an example from http://demos.telerik.com/kendo-ui/grid/filter-menu-customization

My timestamp field has "date" type:

schema: {
           model: {
               id: "id",
               fields: {
                   applicationName: { type: "string" },
                   category: { type: "string" },
                   comment: { type: "string" },
                   entityName: { type: "string" },
                   userName: { type: "string" },
                   machineName: { type: "string" },
                   timestamp: { type: "date" }
               }
           }
       }

And I'm using the same column format: 

{
                    field: "timestamp",
                    title: "Timestamp",
                    format: "{0:MM/dd/yyyy HH:mm:ss}",
                    filterable: {
                        ui: "datetimepicker"
                    }
                },

But only date picker appears in the filter row of my grid, when there is date and time pickers appear in the example. See the screenshot attached.

The only difference I see is that my application uses Angular and the example is pure jQuery. 

How can I add timepicker in Angular?

 

 

 

 

 

 

Dimiter Topalov
Telerik team
 answered on 16 Dec 2016
8 answers
359 views

Hi,

I have a grid with several foreign key columns and an Add-button in the toolbar.

If I try to add a new record without selecting anything I get the validation error messages for all columns except the first one. This column gets the first selectable value in the list of options for the drop-down. See AfterSave1.png.

If I change the order of the first and the second column in the grid I get the selected value on the column called "Column2" and the validation error messages on the other columns (AfterSave2.png), so it seems as if the first column of the grid gets this behaviour.

I would of course like to see the validation error message for all columns. Am I doing something wrong?

The drop-down lists are loaded from Guid-text value pairs loaded in the ViewBag.

Best regards,

Henrik

Stefan
Telerik team
 answered on 16 Dec 2016
5 answers
259 views

Hi I have a scheduler that I'm trying to apply dynamic filtering. From my research I found out about parameterMap... I have implemented it as follows...

In my Scheduler initialisation....

             dataSource: {
             type: "signalr",
             push: function (e) {
                 generateNotification(e.type, e.items[0].WRequestID, e.items[0].diary, e.items[0].team);
             },
             transport: {
                 signalr: {
                 hub: sHub,
                 promise: sHubStart,
                 ParameterMap: "parameterMap",
                 server:       {
                     read: "read",
                     create: "create",
                     update: "update",
                     destroy: "destroy"
                 },
                 client: {
                     read: "read",
                     create: "create",
                     update: "update",
                     destroy: "destroy"
                 }
             }
         },
         schema: {
            model: {
                id: "WRequestID",
                fields: {
                    WRequestID: {
                    type: "number",
                    editable: false,
                    defaultValue: -1
                },
                start: {
                    from: "Start",
                    type: "date",
                    culture: "en-GB"
                },
                end : {
                    from: "End",
                    type: "date",
                    culture: "en-GB"
                },
                diary: {
                    from: "Diary",
                    type: "string",
                    defaultValue: "@AppShort"
                },
                team: {
                    from: "Team",
                    type: "string",
                    validation: { required: true }
                },
                title: {
                    from: "Title",
                    type: "string",
                    validation: { required: true }
                },
                workManager: {
                    from: "WorkManagerID",
                    type: "number",
                    validation: { required: true }
                },
                assignee: {
                    from: "AssigneeID",
                    type: "number",
                    validation: { required: true }
                },
                changeRef: {
                    from: "ChangeRef",
                    type: "string",
                    validation: { required: true }
                },
                description: {
                    from: "Description",
                    type: "string",
                    validation: { required: true }
                },
                impactedServers: {
                    from: "ImpactedServers",
                    type: "string",
                    validation: { required: true }
                },
                impactedServices: {
                    from: "ImpactedServices",
                    type: "string",
                    validation: { required: true }
                },
                isBAU: {
                    from: "IsBAU",
                    type: "boolean",
                    defaultValue: false
                },
                projectRef: {
                    from: "ProjectRef",
                    type: "string",
                    validation: { required: true }
                },
                notes: {
                    from: "Notes",
                    type: "string"
                },
                isOOH: {
                    from: "IsOOH",
                    type: "boolean",
                    defaultValue: false
                },
                isAllDay: {
                    from: "IsAllDay",
                    type: "boolean",
                    defaultValue: false
                },
                recurrenceRule: {
                    from: "RecurrenceRule",
                    type: "string"
                },
                recurrenceId: {
                    from: "RecurrenceID",
                    type: "number"
                },
                recurrenceException: {
                    from: "RecurrenceException",
                    type: "string"
                },
                startTimezone: {
                    from: "StartTimezone",
                    type: "string"
                },
                endTimezone: {
                    from: "EndTimezone",
                    type: "string"
                },
                    requestStatus: {
                    from: "RequestStatus",
                    type: "number",
                    defaultValue: 0
                }
            }
        }

 

And my parametermap code is:

function parameterMap(data, type) {
 
        alert(type);
 
        if (type === "read") {
            data.filter = { logic: "and", filters: [{ field: "diary", operator: "eq", value: '@AppShort' }] };
        }
  
        return data;
    }

 

Where @AppShort is a value that has been derived at the beginning of the view... 

@Code
    ViewData("Title") = "Home Page"
    Dim AppShort As String
    AppShort = SupportDiary.My.MySettings.Default.AppShort
End Code

 

 

Unfortunately the filtering does not work... I get no errors... the scheduler just shows all scheduled events without filtering.

Veselin Tsvetanov
Telerik team
 answered on 16 Dec 2016
1 answer
364 views

I have custom template like below

schema: {
model: {
id: 'ID',
fields: {
myField: {

        {
          validation: { required: true,
         myfieldvalidation: function (input) {

                                        //Some logic goes here.
                                       input.attr("data-myfieldvalidation-msg", "This is not good");
                                    return false;
       }
}
}

}
}}}

 

and field declaration as

{field: "myField", template: function (dataItem) { return BuildInput(dataItem)}, title: "myField Value"}

calling following function as need logic to build textarea or to show read only. Calling following function just to clear code.

function BuildInput(dataObject) {

   if(editAllowed) {

    return ('<textarea rows="3" cols="4"  type="text" class="k-input k-textbox " name="myField " data-bind="value:myField " ></textarea>');

   } else {

    return dataObject.myField ;

   }

}

This textarea and binding works perfectly. But when I add validation like added above. On blur textarea is changing to input field which I don't want.

How to add validation in Kendo Grid with textArea template.

I have seen this: http://demos.telerik.com/kendo-ui/grid/editing-custom-validation

but above example deals only with input type not textarea.

Moreover, I can workaround with onchange function on textarea but,  onBlur Kendo is regenerating TD content so I can't use my external function to add error message there.

Boyan Dimitrov
Telerik team
 answered on 16 Dec 2016
2 answers
931 views

We currently have a DatePicker being displayed in a Kendo Window.  The DatePicker is located in an aspx which is displayed in an iframe within the Kendo Window. 

When the DatePicker calendar icon button is clicked, the calendar drops down (as show in the attached image) but as the calendar popup is too big for the iframe, you see the scroll bar appear for the overflow.  Yes, we could change the size of the frame, but I was hoping for a more complicated solution to tackle these scenarios.

Is it possible to nicely control the popup in this scenario? 

Maybe have it rendered in the parent?

Thanks

Paul

Georgi Krustev
Telerik team
 answered on 16 Dec 2016
1 answer
108 views

Hello,

Is there a way to create a template for parent task. Like we can create for child tasks?

Ivan Danchev
Telerik team
 answered on 16 Dec 2016
1 answer
73 views

Is there a way to do custom grid summary using selected rows?

So for example as a user selects rows on the grid, we would like to display a footer with a running total of the selection. But I read in the documentation that Kendo UI does not support custom group and table summary aggregation logic. So is there a way around that?

 

Thanks

Dimiter Topalov
Telerik team
 answered on 16 Dec 2016
5 answers
392 views

I have a requirement to detect and generate hyperlinks when the user keys in a url into the editor when not using Internet Explorer. Internet Explorer already has this inbuilt function to automatically convert hyperlinks, but firefox and other browsers don't.

Using the linkifyjs plugin from soapbox I'm able to get this done easily via the keyup event in Editor (calling the linkify html function on the entire editor.value() html whenever the user types in a letter), but there is a problem,  anything the user types after the url becomes part of the url text. It's like the cursor gets permanently stuck in the text part of the url <a href="some.url.com">I think this is where the cursor is stuck in</a>

 

1) Is there a method to call to exit the hyperlink and put the cursor gracefully after </a>?

2) I tried adding an &nbsp; at the back of the editor.value() to try to re-position the cursor, but it seems the editor strips it automatically, why is that the case?

3) Is there a better way to do this?

Ianko
Telerik team
 answered on 16 Dec 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
Licensing
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
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?