Telerik Forums
Kendo UI for jQuery Forum
0 answers
186 views
I have two regions on page, which requires scrolling: one vertical and one horizontal

<div id="prod-desc">
       <label>Description</label>
       <div class="desc" data-role="scroller">@Model.desc</div>
   </div>
    
   <div id="prod-disc-row">
       <ul data-role="scroller">
           <li class="get"> </li>
           <li>1</li>
           <li>2</li>
           <li>3</li>
           <li>4</li>
       </ul>
   </div>

Styles as following:

#prod-desc .desc{ height: 110px;overflow-y: auto;font-size: 12px;margin: 10px 0 0 0;font-weight: normal !important}
 
#prod-disc-row{overflow-x: auto;width: 320px; height: 90px;border-top: 2px solid #6b6b6b;background-color: #fff;position: absolute;left: 0;top:335px}
#prod-disc-row ul{width: 390px}

When only ul tag has data-role="scroller" - it works fine and i can scroll it left-right with touch. But if both of them defined as "scroller" - only vertical scroll on div.desc working.

Any ideas? 

Serge

P.S. scroller on div#prod-disc-row solve the problem.Request cancelled ;-) 
Ariel
Top achievements
Rank 1
 asked on 07 Apr 2012
1 answer
319 views
Could someone please tell me what back end service type you are using for your examples. I am trying to get some full crud operation examples working with a simple oData Service and am not having much luck. I am particularly interested in the grid example at:

http://demos.kendoui.com/web/grid/editing.html 

I've made the changes to our oData Service as per:
http://archive.msdn.microsoft.com/DataServicesJSONP 

What is you best of Breed recommendation for the back end to support your framework. I am happy to build it from scratch to support these widgets. There seems to be several workarounds and hacks to get it to work with oData ?

Thanks
John

Atanas Korchev
Telerik team
 answered on 07 Apr 2012
2 answers
264 views
Whenever I click on a panelbar heading (even in the demo: http://localhost/test/examples/web/panelbar/index.html) the panelbar resizes itself (shrinks & expands depending on the number of child elements). Is there a way to make the panelbar a static height?
Jane
Top achievements
Rank 1
 answered on 07 Apr 2012
0 answers
113 views
is there a way to get the upload progress using the API? I would like to know the percent done and if possible the bytes sent. I found in the source the _onFileProgress method but it is private.
Thank you
Michael
Top achievements
Rank 1
 asked on 07 Apr 2012
4 answers
295 views
I want to use the chart to display a progress bar inside of a grid (the cool new start animations inspired me)

So like I know the user is AT 33, 46 is the number to be completed...how can I display that in a horizontal bar?
Russ
Top achievements
Rank 1
 answered on 07 Apr 2012
1 answer
175 views
Hi All.
We have a source.
var dataSource =  {TotalItemCount:10,data: [{"Name" : "Avocado","Status" : "exists"},
                          {"Name" : "Apple","Status" : "exists"},
                          {"Name" : "Orange","Status" : "exists"},
                          {"Name" : "Grape","Status" : "exists"},
                          {"Name" : "Grapefruit","Status" : "exists"},
                          {"Name" : "Pear","Status" : "exists"},
                          {"Name" : "Fig","Status" : "exists"},
                          {"Name" : "Melon","Status" : "exists"},
                          {"Name" : "Longan ","Status" : "exists"},
                          {"Name" : "Starfruit","Status" : "exists"}]}
                          
<script>
                $(document).ready(function () {
                var grid_1;
                grid_1 = $('#grid_1').kendoGrid({
                    dataSource:{
                                 data: dataSource,
                                 type: 'json',   
                                 pageSize:4,
                                 serverPaging: true,
                                 serverSorting: false,
                                 schema: {
                                         data: function(result)  {      
                                            return result.data || result;
                                            } ,
                                         total: function(result) {
                                         var data = this.data(result);
                                         return result.TotalItemCount || result.length || 0;;
                                          }  
                                        }   
                               },
                    pageable: true,
                    columns: [{
                            field: 'Name',
                            title: 'Name',
                            },{
                            field: 'Status',
                            title: 'Status',
                            }]
                }).data('kendoGrid');                
            });
</script>  
 Everything works fine if set "serverPaging: false". So, if you put " serverPaging: true "grid always displays all the data on page 1. Please help me solve this problem . Thanks for any help.
Nathan
Top achievements
Rank 1
 answered on 06 Apr 2012
0 answers
203 views
I am developing a rather large and at present hodgepodge application that has lots of jquery and kendoui going on.  I guess it could be classified as an RIA (Rich Internet Application). Between the javascript, framework, css, xml, json and and some customized tags for server side processing I easily lose track of what the hell I'm doing.

I am using Programmer's Notepad at present, but feel an IDE like VS, Eclipse or Netbeans might take care of some of the details I miss, forget or ignorant of.  

What do you use when developing a RIA ?
Richard
Top achievements
Rank 1
 asked on 06 Apr 2012
1 answer
353 views
Button/tools like http://demos.kendoui.com/web/editor/custom-tools.html should be out of the box in editor.
Derio
Top achievements
Rank 1
 answered on 06 Apr 2012
1 answer
79 views
I have a 50% opaque div that appears over my form while ajax loads are being made.  Once the load is  complete, the div display is set to none, allowing access to the form.   No matter what I try, the date picker in the form always appears on top of this div.  I've tried adding the div in the document ready function AFTER the datepicker is initialized.  I've tried setting the z-index of the datepicker via code I found on this forum (use a timeout to set the container and animation z-index).  I've tried setting the z-index of the div to 1000 while setting the datepicker z-index to 100.

It appears as it should in IE but no matter what I try it always appears on top in Chrome.  
Chris
Top achievements
Rank 1
 answered on 06 Apr 2012
7 answers
753 views
   I am using splitter which will be divided the page in 2 horizontal sides.
Now I want to add kendo window in one splitting pane and it should be fixed with that splitting pane (like if I use tab it is fixed with the splitting pane  ) and drag it to another splitting pane  .In there the window should auto resize as with the splitting pane size (both height and width).
Now when I define kendo window it is easily draggable as it is in the top layer, so it is not fixed with the splitting pane and unable to auto resize.
The another issue is when I want to minimize the one splitting pane  it should minimize at any direction .(Now I am only getting in left direction ,but please guide me how it will be in right direction can be possible).
 
 
Can anyone pls help me out.
Gary
Top achievements
Rank 1
 answered on 06 Apr 2012
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
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
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?