Telerik Forums
Kendo UI for jQuery Forum
4 answers
127 views

I have posted a few of my observations in other threads and a support ticket.

I would like to have this thread discuss the kendo pivotgrid wishlist to track the discussions linearly.

 

We certainly need a few enhancements to kendo pivotgrid.

Filter area - we have only row and column and data area now.

Improved cell info on click - All member is misleading when only some members are chosen in the row/column filter.

Ability to hide All row/column

Non empty members in the row/column/filter filters - currently all dimension members seem to be shown when we open the member list in row/column filters

Title, subtitle, filter/report context textbox, logo and other decorations specified natively  in pivotgrid definition - this will improve report format on web and on Excel and PDF export.

Faster pivotgrid - grid performance should be analyzed using a large cube dataset. We have 1 TB cube. I am not sure how kendo pivotgrid will perform on it.

Ability to declare Custom measures not in the data source (cube for eg.)

Support for MDX TopCount - we  want  to get Top Employees, Top Cost Centers, etc.

Pagination

Custom MDX support - after running custom MDX we should be able to make other modifications.

Custom list of dimensions and attributes in the configurator - we do not want to show all the dimensions and attributes in the cube all the time 

See DevExpress pivotgrid for feature set.

 

 

 

 

 

 ​

Rajan
Top achievements
Rank 1
 answered on 15 Sep 2015
1 answer
287 views

Hello,

I was wondering if there is a way to set the default view via MVVM similar to how you set it in jquery init way?

 

So basically, how you do it via jquery init:

$("#scheduler").kendoScheduler({

     views: ["day",{ type: "workWeek", selected: true },"week","month"

});

 How would you do this in MVVM?

Vladimir Iliev
Telerik team
 answered on 15 Sep 2015
3 answers
231 views

Hi! I'm using KendoUI Sortable widget with Twitter Bootstrap to create a dynamic dashboard editor "tile" style.
Every tile is a k-block and inside it is rendered a chart, the tiles ​have variable dimension: width is a fraction of 12 bootstrap columns, height is 400px or 800px. See the attached images to have an idea.
All works fine but in some cases I have empty zones, as you can see in picture 2, when the tile is big it blocks the floating left movement of other smaller tiles. There is no way to sort an object in that empty zone, and of course is a waste of space.

This is the HTML code, I'm using Angular with Kendo also:

<style>
    .small-panel {
        height: 400px;
    }
 
    .big-panel {
        height: 800px;
    }
</style>
 
<div class="row" id="canvas" kendo-sortable k-options="ctrl.sortOptions">
    <div ng-repeat="dataItem in ctrl.charts" class="k-block col-lg-{{dataItem.col.lg}} col-md-{{dataItem.col.md}} col-sm-{{dataItem.col.sm}}">
        <div class="k-header">{{dataItem.name}} col {{ dataItem.col }}</div>
        <div kendo-chart          
             k-theme="'material'"
             k-options="{{ dataItem.options }}"
             class="{{ dataItem.dimension }}-panel">
        </div>       
    </div>
</div>

As you can see are just simple divs, there is no list view, repeated with angular directvie ng-repeat 

Have you got any idea to find a solution about this problem?

Alexander Valchev
Telerik team
 answered on 15 Sep 2015
4 answers
1.0K+ views
Hi, 

I just started working with KendoUI mobile and was trying to call a REST Service. Below is my code,

  <script>
                $(document).ready(function() {
                    // create a template using the above definition
                    var template = kendo.template($("#template").html());

                    var dataSource = new kendo.data.DataSource({
                        type: "odata",
                        type: 'POST',
                        transport: {
                            read: "https://172.17.4.172:8443/prt/rest/crmapp/api/CrmGetAccounts",
                            beforeSend: function(xhr)
                                  {
                                          xhr.setRequestHeader('X-token','711761306837443264')
                                  }
                        },
                        change: function() { // to the CHANGE event of the data source
                            // update the max attribute of the "page" input
                            $("#page").attr("max", this.totalPages());

                            $("#products").html(kendo.render(template, this.view()));
                        }
                    });

                    // read data from the remote service
                    dataSource.read();
                });
            </script>


Asyou can see I am trying it our with changing sample code. My issue is the X-token is not getting added to the request header. I want it ot be passed as w HTTP header for the service to work.

Any help would be really appreciated,


Thanks,

Asat
David
Top achievements
Rank 1
 answered on 15 Sep 2015
1 answer
301 views

I have a grid within an html table, it is inside a tr and td tag. When the table is resized to about 1425px screen width the table seems to break past the width of its parent div and its parent, and is causing data to be cut off and no horizontal scroll bar to show up. I attached to screenshots. The first "working.png" shows what it should look like and the second "broke.png" shows the html element with the grid breaking outside its parent element. When I remove the grid it seems to work fine so I don't think its anything with my html. Maybe I need to add some css? I haven't been able to fix it. The grid is through asp.net mvc

 

<tr>
    <td>
        <div class="panel panel-default" style="margin-bottom: 0px;">
            <div class="panel-heading" style="background-color: #F2F6F9">
                <h4 class="panel-title">
                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordionAdditives1" href="#accordion1_Additives1" aria-expanded="true" id="i-toggle4">
                        <i class="glyphicon glyphicon-minus" style="margin: 0px 7px 0px 0px"></i><b>Additives</b>
                    </a>
                </h4>
            </div>
            <div id="accordion1_Additives1" class="panel-collapse collapse in" aria-expanded="true">
                <div class="panel-body">
                    @{Html.RenderPartial("_AdditivesGrid");}
                </div>
            </div>
        </div>
    </td>
</tr>

Adam
Top achievements
Rank 1
 answered on 14 Sep 2015
10 answers
306 views

I have a search form which will get a list of records.

I would like to bind the search results on pressing submit after performing some initial ​checks on the entered data. How do i bind my action result to the Kendo Grid ?

 My JS File is 

function validateDataForSearch() {
        var empNo = $("#empNo").val();
        var empName = $("#empName").val();
        var empMgr = $("#empMgr").val();
        var clientName = $("#ClientName").val();

        var noValues = empNo.length + empName.length + empMgr.length + clientName.length;

        if (noValues <= 0) {
            alert("Please enter at least one value to be able to search.");
        }
        else {
            if (empNo.length <= 0)
                empNo = 0;
            $.ajax({
                type: "POST",
                url: 'Home/Search',
                data: { empNo: empNo, empName: empName, empMgr: empMgr, clientName: clientName },
                success: function (response) {                
                        
                        }
            });
        }​

 

 var validator = $("#searchForm").kendoValidator().data("kendoValidator");

    $("#btnSearch").click(function (e) {        
        if (!validator.validate()) {
            e.preventDefault();
        }
        else
            validateDataForSearch();
    });

Man
Top achievements
Rank 1
 answered on 14 Sep 2015
6 answers
1.1K+ views
I'm testing the Kendo UI Menu and I like most of what I see. However, I'd like the menu to disappear and become a button with a dropdown menu/panel on mobile devices, specifically on devices that do not have sufficient width to support all the menu items. The Bootstrap Navbar is an example of a menu that already works this way. Is this possible with the current menu? Is it a feature that might be added in the near future?
Matt
Top achievements
Rank 1
 answered on 14 Sep 2015
1 answer
130 views

Hi,

I'd like to achieve the following effect for line markers, as attached. I cannot know in advance the colors as they are configured by the user, and there is multiple lines in the chart. It appears that the trick is to create a border of 2 pixels of the marker, the problem is that the color must be "the line color". And while the marker background inherit the line color, there is no way to retrieve the line color and set it as a background.

Is there a workaround? It would be nice to add a specific keyword for color, so that it basically means "the current chart color".

 thanks!

 

Michaël
Top achievements
Rank 1
 answered on 14 Sep 2015
2 answers
424 views

Hello guys,

 I'm working with latest version of Kendo UI (2015.Q2), Kendo Grid.

From this article I understand how to build aggregated values (summary values in the group's footers). But in my case I need to display this aggregated values in my group headers. For now I build workaround as child grids with same options and columns in the detail template (and make child's headers invisible). Something like the one on the screenshot (attached).

But I was needed to recalculate everything manually and add to parent node. It's not very good option for me.

Moreover now I realize that I will need to create second level of hierarchy (child can have own children). And it will be very complicated logic and code.

By searching I understand that "groups" are perfect solution for me, but group headers have been designed as a single cell, so I cannot use aggregates values inside and build similar structure. Maybe I can try to build header template as a grid with similar columns and do some styling, but it's just another workaround.

Can someone help me with this problem? Any chance to build group header template for each column (not single one)?

Thank you.

 

Konstantin Dikov
Telerik team
 answered on 14 Sep 2015
3 answers
150 views

Hi

I created following example to illustrate what I am trying to achieve: http://dojo.telerik.com/IRaYU

At the top there is a simple Kendo DateTimePicker to which I have added parseFormats like so:

 

$("#datetimepicker").kendoDateTimePicker({
  format: "dd.MM.yyyy HH:mm",
  value:new Date(),
  parseFormats:[
      "dd MM yyyy HH mm",
      "dd MM yyyy HHmm",
      "dd MM yyyy HH:mm",
      "dd MM HH mm",
      "dd MM HHmm",
      "dd MM HH:mm"
  ]
});​

So it is possible to type 24 6 14 55 which translates to 24.June.2014 14:55.

I am trying to achieve the same for my custom template for the scheduler (add the same functionality).

The custom template for the scheduler looks like this:

<script id="editor" type="text/x-kendo-template">
   <h3>Edit meeting</h3>
   <p>
       <label>Title: <input name="title" /></label>
   </p>
   <p>
       <label>Start: <input data-role="datetimepicker" name="start" /></label>
   </p>
   <p>
       <label>End: <input data-role="datetimepicker" name="end" /></label>
   </p>
</script>

 

How can I add the "parseFormats" solution to the custom template?

Many thanks for any help

Markus
Top achievements
Rank 1
 answered on 14 Sep 2015
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?