Our client has a request to center-align the tabs on the tabstrip. We currently have them over to the left, and I can see how to use rtl to move them over to the right. Is there a way to move them to the center? We would need the tab content to be to the LEFT and right of each tab as shown in the attached file.

Thanks!

Christy

Hi,

With reference to this plunker https://plnkr.co/edit/I7tZsoJMrtVVPtR33DZF?p=preview, is there a way to send data from the dialog back to AppComponent only when click on save button?

Thanks.

Hi,

I have stumbled upon two issues when the axis in set to type="log"

The first it that the (X) axis is reversed for some reason. Using "reverse='true'" does nothing to the axis.

The second issue is the axisCrossingValue. For some reason it is not the default 0 but some number bigger than 0 selected by some unclear method. Could you please at least document how that is picked? And why it is not the smallest value in the series?

See issues here https://plnkr.co/edit/zwT7PosqasUqZsJsuEf6?p=preview

Any idea why the blow code will throw error "ERROR Error: Expected initial value of type Object. See http://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/#toc-value-selection" ??? If I remove the 

            <kendo-dropdownlist [data]="someList"
                                [textField]="'text'"
                                [valueField]="'value'"
                                formControlName="someFormControlName">
            </kendo-dropdownlist>

This work fine.

<kendo-dropdownlist [data]="someList"
                                [textField]="'text'"
                                [valueField]="'value'">
            </kendo-dropdownlist>

So, how do I get the dropdown list to play well in formGroup ?

Thanks,

Bryian Tan

When can we expect the Material theme to be fully supported for Kendo Angular?

The documentation currently states:
https://www.telerik.com/kendo-angular-ui/components/styling/theme-material/

The Material theme is under active development and is not supported by the whole suite. All components which are available for styling with the Material theme are included in the preview.

Do you already have an estimated date when this will be finished?

Is there a list to get all SASS theme variables used in Material theme?  The documentation says $selected-text is based off $accent-contrast but it doesn't list what $accent-contrast 

https://www.telerik.com/kendo-angular-ui/components/styling/theme-material/customization/

Also, shouldn't kendo variables be prefixed with some kendo identifier like "k".  I often create conflicts in my own SASS variables that accidentally overrides the kendo variables.  

  REQUIREMENT:

  I have a Kendo grid which displays tabular data. Initially the grid would fetch certain number of rows and upon reaching scroll end, it should make a http call      to get more rows appending to the existing list. Earlier achieved this using Kendo ui jquery.

  SCROLL: 

  Am not sure if this is a native scroll event to Kendo grid for angular. So am attaching a scroll event myself to DOM. When scroll reaches end, I make a call ,

  append more data and pass griddata to ui.

  WITH VIRTUAL SCROLL:

  From what I understand, whole data is retrieved before hand and using skip, pagenumber, we display what we need. What I need is more of an endless scroll    which appends to previous data.

  CODE:

  ngAfterViewInit() {     // attaches scroll event
     let scrolldiv = document.getElementsByClassName("k-grid-content")[0];
     if (scrolldiv) {
       scrolldiv.addEventListener("scroll", this.addMoreData.bind(this));}

     }

    addMoreData(event) {      // adds more data and passed grid data.
       let scrollAdjustment = 10;
        if (event.target.scrollTop != 0 && event.target.clientHeight + event.target.scrollTop + scrollAdjustment >= event.target.scrollHeight) {

        let moreRows = this.getMoreRows();
        this.gridView = {
          data: moreRows,
          total: moreRows.length
       }
    } }

   kendo template::

   <kendo-grid [data]="gridView" class="customgrid" >

       <div *ngFor="let col of totalColumns; ">
          <kendo-grid-column field="{{col.label}}" title="{{col.label}}" width="120"></kendo-grid-column>

     </div>

   <kendo-grid>

 1.   Is there a better way in Kendo UI Angualr to achieve this. The event I attach is defined only if there is a scrollable div inside kendo grid (which is only if               there are enough columns to bring a scrollbar)

 2. In case of Ng for, dynamically repeating , may I know how to access the data passed to <kendo-grid [data] > from ng for loop. Right now in NGFOR am              accessing  field values using a different variable (not [data]="gridView")

Hi,

The grid is having a date column as follows: -
<kendo-grid-column field="RequestedDate" title="Requested Date"filter="date" format="{0:d}" width="200" [headerStyle]="{'font-weight' : 'bold'}" [style]="{'font-size': '12px'}">
                <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
                    <kendo-grid-date-filter-menu [column]="column"
[filter]="filter"
                                                   [filterService]="filterService"
                                                   operator="eq">
                        <kendo-filter-eq-operator></kendo-filter-eq-operator>
                        <kendo-filter-neq-operator></kendo-filter-neq-operator>
                        <kendo-filter-gte-operator></kendo-filter-gte-operator>
                        <kendo-filter-lte-operator></kendo-filter-lte-operator>
                    </kendo-grid-date-filter-menu>
                </ng-template>
            </kendo-grid-column>


The, rendered grid shows the date coming from server side as follows :



As can be seen in the html markup that a format  {0:d} has been written , but it’s not showing date in that format.
Our expectation is in MM/DD/YYYY HH:MM:SS  format.

Please help