Telerik Forums
Kendo UI for jQuery Forum
1 answer
242 views

I've got a navigation menu , and under it a workspace. Any button pressed in the menu will open  a kendo window in the workspace. I don't want the windows to cover the menu and thus placed the windows with a contain property to workspace div. However I want the windows to be placed anywhere under the menu. I want a scroll bar to appear when the window is being dragged outside of the workspace. I have overflow: scroll set in the workspace div but the windows cannot be dragged beyond the workspace. 

I've placed how my window is made.

 

  function onClose(e) {<br>            if (confirm("Are you sure? All form data will be lost.") == false)<br>                e.preventDefault();<br>            else {<br><br>                secWindow.data("kendoWindow").destroy();<br>                secWindow.remove();<br>            }<br>        }<br>        var formName = event.target.id + "form.aspx"<br>        secWindow.kendoWindow({<br>            width: "600px",<br>            content: formName,<br>            title: windowTitle,<br>            appendto: '#content' ,<br>            draggable: {<br>                containment: '#content'<br>            },<br>            visible: false,<br>            actions: [<br>                "Pin",<br>                "Refresh",<br>                "Minimize",<br>                "Maximize",<br>                "Close"<br>            ],<br>            close: onClose<br>        }).data("kendoWindow");<br>        secWindow.data("kendoWindow").center().open();<br>        setInterval(function (e) { secWindow.data("kendoWindow").refresh(formName) }, 60000);
Ivan Danchev
Telerik team
 answered on 19 Dec 2019
5 answers
1.2K+ views

Hello,

 I am using a client-side solution to export kendo grid data to Excel.  I would like to be able to include line breaks within each cell.  \r, \n, <br />, and &#10; don't work.  Here's some sample code:

// ...
excelExport: function (e) {
        var sheet = e.workbook.sheets[0];
        var skillsIndex = 0;
 
        // First row.  Find the skills column, and set the index.
        for (var i = 0; i < sheet.rows[0].cells.length; i++)
        {
            if (sheet.rows[0].cells[i].value == "Skills")
            {
                skillsIndex = i;
                break;
            }
        }
 
        for (var j = 1; j < sheet.rows.length; j++)
        {
            sheet.rows[j].cells[skillsIndex].value = "We got&#10;skills!";
            // doesn't break the line between got and skills -- how to do so?
        }
}
// ...

Thank you for any help you can provide!

Petar
Telerik team
 answered on 19 Dec 2019
11 answers
658 views

Hello,

I would know how to expand a row on column click but I've a custom function on expand and It's not working.

The row expand well with ".collapse(row)" but the custom function I've defined in :

expand: function(e){
    setTimeout(function(){
    customExpandFunction(e);
}, 20);
},

only works when I click on treelist expand icon.

Is there a way to make this works ?

PS : sorry for my english, I'm french

Tsvetomir
Telerik team
 answered on 19 Dec 2019
5 answers
239 views

Hi

 

I'm using virtual scrolling in a grid and want to show and hide columns dynamically.

While doing so, it seems to work first, but breaks, after scrolling down.

Hiding column 2 and scrolling down, removing column 2 values and replaceing them with column 3 values.

 

See example for this behaviour:

http://dojo.telerik.com/EJOZAJob/6

 

How to fix column values switching while scrolling and remaining correct columns and values on scroll.

 

Greets Robin

Robin
Top achievements
Rank 1
 answered on 19 Dec 2019
3 answers
937 views

Instead of using the Toggle button I would rather use a switch for a better visual representation.

If i add a template item as such:

items.Add().Template("<input type='checkbox' id='check'>");

 

and then I try to modify the attribute of the item using jquery as such, it fails (no error, it simply doesn't work):

$("#check").attr("checked", "checked");

 

but if i move the html markup out of the template and put it somewhere else on the page, it works perfectly fine.  This also happens when i try to use:

$("#check").kendoSwitch();

 

If i move the checkbox out of the toolbar it works fine.

Is there a way to use the switch, inside the toolbar?

 

Ivan Danchev
Telerik team
 answered on 19 Dec 2019
3 answers
382 views
Hi,

The TimePicker is set to 30 minute intervals by default.

So if the time fits in that interval, the first time you open the dropbox, it will be focused at that time.


However, if the initial or recalled time is equal to 32 minutes or 49 minutes, the focus is set at 00:00.

Is there a way to round and focus to nearby times?

3:29-> 3:30 Focusing

2:14-> 2:00 Focusing

I don't want to change the value.

The focus only needs to move near that time.
Teya
Telerik team
 answered on 19 Dec 2019
1 answer
105 views
Hello,

I'm writing logic to add and store some data in an empty grid.

This is fine but I need data information for the rows I added before saving.

Accessing saveChanges () is easy to save, but I need a list of that data.

In summary
Please tell me how to access and use the data before saving the rows I just added with AddRow.
Tsvetomir
Telerik team
 answered on 19 Dec 2019
5 answers
1.3K+ views

I have 15 data, showing 10 data per page.

1page = 10data, 2page = 5data.

Total [1, 2 Page]

There is no problem so far, but the number of pages does not decrease according to the number of new read ().

If there are only one row of results, only one page should appear,
[1, 2 Page] is maintained, “No data available" appears when page 2 is pressed, and page 2 disappears.

Attach as below picture.

Do you know how to solve this?

 

 

1. Display the grid.

2. Search by words.

3. Only data that meets the criteria is displayed.

4. However, the paging number does not change immediately with the number of data.

 

 

Petar
Telerik team
 answered on 18 Dec 2019
2 answers
355 views
I'm working through an Incell editable.

Select the list you want to delete and press the Delete button to execute the remove row and the row will be "temporarily deleted", and press the Save button to actually delete it with the Sync () method.
After that, the grid is refreshed.

But what I want
If a row is deleted, the following data fills in the empty spaces.

remove Row removes the row, but does not load the next piece of data to fill the empty space.

In other words, if you remove the entire page, you will get "no data".

I want to be filled with the next data as much as the deleted rows.

(Important) Clearly, if you actually delete it with Sync () method, the screen will be updated.

What I want is a refresh when I've only progressed to remove Row ().)

Is there a way?
Veselin Tsvetanov
Telerik team
 answered on 18 Dec 2019
2 answers
302 views
dayDropDownEditor : function (container, options) {
 
            $('<input id="' + options.field + '" data-bind="value:' + options.field + '"/>')
                .appendTo(container)
                .kendoDropDownList({
                    suggest: true,
                    dataSource: [
                        {name: 'ì¡°ì—…' },
                        {name: '안함' }
                    ],
                    dataTextField: 'name',
                    dataValueField: 'name',
                    valuePrimitive: true,
                     
                });
        }

 

Hi,

My dropbox list is displayed correctly.

However, the default is still "", which is blank.

I tried using select and also index but it didn't work.


How can I make Dropbox default to the first data if I don't pick anything?


If I pick one, the data is imported normally.

If uneven, it is empty.

NHJ
Top achievements
Rank 1
 answered on 18 Dec 2019
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
Iron
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
Iron
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?