Telerik Forums
Kendo UI for jQuery Forum
2 answers
266 views
is it possible to make that little colored box in legend that represents series bigger?
i have attached picture its the box inside red circle.
cant find that option nowhere in legend options, and also nowhere in series option
vjeran
Top achievements
Rank 1
 answered on 16 Feb 2015
1 answer
133 views
Hi, is there anyway to force the grid date filter to handle two digit year?  For example if user types in "1/1/11", the filter just sits there while the RadGrid filter would convert to "1/1/2011".  I was trying to hack the onchange events to force this behavior which worked fine when field lost focus via tab key or click, but had issues once ENTER key was used.
Petur Subev
Telerik team
 answered on 16 Feb 2015
5 answers
467 views
Hello,
Just upgraded my project to KendoUI 2013.1.319. I used already TypeScript in my project and create a type definition file for KendoUI (which I posted on Uservoice). Thanks for the work done!
I am now using your version of the type definitions, but found some problems.
I attached a zip file with my version and the original 319 version, so you can compare easily.

Some of the problems:
  • Missing overloads of functions
  • Missing utility functions
  • Missing some fields on classes
  • Missing Popup and Query classes

Sometimes I added also fields and functions with names starting with underscore.
I know these are considered to be private.
But I needed them in some cases when I derived a class from a Kendo class. So I use them as if they are 'protected' (as we would call it in C#). It is not very elegant to add them to the type definition. Any thoughts how to solve that?
BTW: my additions are far from complete. Sometimes I just added a field with type any to make it just work. Of course I expect you will work them out :-)

Regards, Jaap

Atanas Korchev
Telerik team
 answered on 16 Feb 2015
5 answers
582 views
Hello,
I'm trying to assign data source to Kendo UI Gantt. The issue that events those have "parentId" are not displayed at all. No exceptions, no messages in console.
Events without "parentId" are displayed in Gantt.

"id" field has type "number" in all examples for Gantt. Can it be of type "string" and how to display subtasks from the data source below?

Json for the data source:
[{"id":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_1","title":"Deploy solution","start":"2015-02-08T22:00:00.000Z","end":"2015-02-26T22:00:00.000Z","percentComplete":0.1},{"id":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_2","title":"Test deployed solution","start":"2015-02-27T22:00:00.000Z","end":"2015-03-01T22:00:00.000Z"},{"id":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_3","title":"Move solution to staging","start":"2015-03-02T22:00:00.000Z","end":"2015-03-17T22:00:00.000Z","percentComplete":0.5},{"id":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_4","title":"Subtask 001","start":"2015-02-23T22:00:00.000Z","end":"2015-02-24T22:00:00.000Z","parentId":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_1"},{"id":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_5","title":"Subtask 001 - 001","start":"2015-02-23T22:00:00.000Z","end":"2015-02-23T22:00:00.000Z","parentId":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_4"},{"id":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_6","title":"Subtask 002","start":"2015-02-18T22:00:00.000Z","end":"2015-02-19T22:00:00.000Z","parentId":"5003d0fb-c6e9-4ddd-aaca-f9871eb51d30_1"},{"id":"1010b897-cc7f-41be-b2d6-d464345abc05_1","title":"2 Move solution to new site collection","start":"2015-02-08T22:00:00.000Z","end":"2015-02-19T22:00:00.000Z"},{"id":"1010b897-cc7f-41be-b2d6-d464345abc05_2","title":"2 Test moved site collection","start":"2015-02-02T22:00:00.000Z","end":"2015-02-25T22:00:00.000Z"}]
Dmitry
Top achievements
Rank 1
Iron
 answered on 16 Feb 2015
1 answer
96 views
Users are complaining a little bit how it's often difficult to close a kendo window using their finger on a tablet. You have to be really accurate in selecting the window's close button, and often it appears like it's not working at all.

Just wondering if you can offer any advice on how to best address this issue?

Ideally, if the user clicks anywhere in the modal space surrounding the window it would cause the window to close, that would be a good outcome. Would this be possible?

Thanks
Kiril Nikolov
Telerik team
 answered on 16 Feb 2015
3 answers
380 views
Hi,

I have application in KendoUI and AngularJS, and I have problem with cascade comboboxe's.
i have defined popup window with some controls, where 4 of them are comboboxes (with cascade).
Options generated by service looks:
symfonyTaxRegisterDropDown: function(){
                return {
                    index: -1,
                    optionLabel: " ",
                    valuePrimitive: true,
                    autoBind: true,
                    filter: "contains",
                    dataTextField: "name",
                    dataValueField: "id",
                    dataSource: {
                        type: "json",
                        serverFiltering: true,
                        transport: {
                            read: {
                                url: "unisono/symfony/vat/register"
                            }
                        },
                        schema: {
                            data: "data",
                            total: function (result) {
                                return result.total;
                            }
                        }
                    }
                }
            },

In controller I defined options:

$scope.customerOptions = optionsGenerator.companyDropDown(); //combobox with customer id
                $scope.supplierOptions = optionsGenerator.contractorDropDown(); //combobox with supplier id
                $scope.supplierOptions.cascadeFrom = "customer";
                $scope.supplierOptions.cascadeFromField = "id";
  
                $scope.paymentOptions = optionsGenerator.enumerationDropDown("paymentMethod", $scope.documentType);
                $scope.currencyOptions = optionsGenerator.enumerationDropDown("currency", $scope.documentType);
  
                $scope.typeOptions = optionsGenerator.symfonyDocumentTypeDropDown(); //combobox with documentTypeSymfony id
                $scope.typeOptions.cascadeFrom = "customer";
                $scope.typeOptions.cascadeFromField = "id";
  
                $scope.categoryOptions = optionsGenerator.symfonyCategoryDropDown(); //combobox with category id
                $scope.categoryOptions.cascadeFrom = "documentTypeSymfony";
                $scope.categoryOptions.cascadeFromField = "id";
  
                $scope.vatRegisterOptions = optionsGenerator.symfonyTaxRegisterDropDown(); //combobox with taxRegister id
                $scope.vatRegisterOptions.cascadeFrom = "customer";
                $scope.vatRegisterOptions.cascadeFromField = "id";
  
                $scope.descriptionOptions = optionsGenerator.symfonyDescriptionDropDown(); //combobox with description id
                $scope.descriptionOptions.cascadeFrom = "customer";
                $scope.descriptionOptions.cascadeFromField = "id";


and directive template:

<div id="{{ windowIdentifier }}" kendo-window="dialogWindow" k-modal="true" k-resizable="false"
     k-draggable="false"
     k-width="width"
     k-height="height"
     k-title="false"
     k-visible="false"
     k-on-open="dialogVisibility = true; openWindowEvent(); test();"
     k-on-close="dialogVisibility = false;"
     style="font: 0.75em 'Noto Sans', Ubuntu, Arial, Helvetica, sans-serif; overflow: hidden !important;">
    <div kendo-toolbar k-options="toolbarOptions">
    </div>
    <div id="correctionContent" kendo-splitter k-panes="[ null, {collapsible: true, size: positionSize, resizable: false, collapsed: true}]" k-on-collapse="stageResizePositionCollapseEvent(kendoEvent)"
        k-on-expand="stageResizePositionExpandEvent(kendoEvent)" k-orientation="'vertical'" style="height: {{height - 50}}px; width: {{width - 14}}px; overflow: hidden !important;" ng-controller="draw">
        <div kendo-splitter k-panes="[ {collapsible: true, size: leftSideSize, resizable: false}, null]"  k-on-collapse="stageResizeLeftSideCollapseEvent(kendoEvent)"
             k-on-expand="stageResizeLeftSideExpandEvent(kendoEvent)" k-orientation="'horizontal'" style="overflow: hidden !important;" ng-controller="symfonyCorrection">
            <div style="margin-left: 10px;">
                <table style="width: 360px">
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.COMPANY' | translate}}</label>
                        </td>
                        <td style="width: 240px;" colspan="2">
                            <select id="customer" ng-model="documentDoc.customer" name="customer" kendo-drop-down-list
                                    k-options="customerOptions" style="width: 238px; padding-top: 10px;" tabindex="0" ng-change="companyChange();">
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.CONTRACTOR' | translate}}</label>
                        </td>
                        <td style="width: 240px;" colspan="2">
                            <div style="display: inline-block; padding-top: 10px;">
                                <div style="float:left;" id="contractorInfoTip" name="contractorInfoTip">
                                    <kendo-button style="float:left; height: 26px; width: 26px;" sprite-css-class="'arrowDown'"
                                              id="showContractorInfo" ng-click="contractorInfo()" ></kendo-button>
                                </div>
                                <select style="float:left; width: 155px;" id="supplier" name="supplier" k-suggest="true"
                                        k-on-data-bound="supplierDataBound(kendoEvent)"
                                        ng-model="documentDoc.supplier" name="supplier" kendo-combo-box
                                        k-options="supplierOptions" ng-focus="drawFocus($event)"
                                        ng-blur="lostFocus($event)" tabindex="1" ng-mouseup="handlingDrop($event, 'SUPPLIER');"
                                        ng-change="changeValid('SELECT','supplier')"></select>
                                <kendo-button style="float:left; height: 26px;" sprite-css-class="'editMark'"
                                              id="editContractor" ng-click="contractorEdit()"></kendo-button>
                                <kendo-button style="float:left; height: 26px;" sprite-css-class="'addMark'"
                                              id="addContractor" ng-click="contractorAdd()"></kendo-button>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.TYPE' | translate}}</label>
                        </td>
                        <td style="width: 240px;" colspan="2">
                            <div style="padding-top: 10px;">
                                <select id="documentTypeSymfony" name="documentTypeSymfony" ng-model="documentDoc.documentType" kendo-combo-box
                                        k-options="typeOptions" style="width: 238px;" tabindex="2" k-on-data-bound="documentTypeDataBound(kendoEvent)"
                                        k-suggest="true"></select>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.INVOICE_NUMBER' | translate}}</label>
                        </td>
                        <td style="width: 240px;" colspan="2">
                            <div style="padding-top: 10px;">
                                <input id="invoiceNumber" name="invoiceNumber" ng-model='documentDoc.invoiceNumber'
                                       style='width: 234px;' ng-focus="drawFocus($event)" ng-blur="lostFocus($event)" tabindex="3"
                                       ng-mouseup="handlingDrop($event, 'TEXT_ONE_LINE');" ng-change="changeValid('TEXT','invoiceNumber')"/>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.CORRECT_INVOICE_NUMBER' | translate}}</label>
                        </td>
                        <td style="width: 240px;" colspan="2">
                            <div style="padding-top: 10px;">
                                <input id="correctInvoiceNumber" name="correctInvoiceNumber" ng-blur="lostFocus($event)"
                                       ng-model='documentDoc.correctInvoiceNumber' style='width: 234px;' ng-focus="drawFocus($event)"
                                       tabindex="4" ng-mouseup="handlingDrop($event, 'TEXT_ONE_LINE');" />
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.ISSUE_DATE' | translate}}</label>
                        </td>
                        <td style="width: 120px;">
                            <input id="creationDate" name="creationDate" kendo-date-picker ng-model="documentDoc.creationDate"
                                   style='width: 118px; ' ng-focus="drawFocus($event)"ng-blur="lostFocus($event)" tabindex="5" k-options="datePickersOptions"
                                   ng-mouseup="handlingDrop($event, 'DATE');" ng-change="changeValid('DATE','creationDate')"/>
                        </td>
                        <td style="width: 120px;">
                            <input id="receiptDate" name="receiptDate" kendo-date-picker ng-model="documentDoc.receiptDate"
                                   style='width: 118px; ' ng-focus="drawFocus($event)" ng-blur="lostFocus($event)" tabindex="6" k-options="datePickersOptions"
                                   ng-mouseup="handlingDrop($event, 'DATE');" ng-change="changeValid('DATE','receiptDate')"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.SALES_DATE' | translate}}</label>
                        </td>
                        <td colspan="2">
                            <input id="salesDate" name="salesDate" kendo-date-picker ng-model="documentDoc.salesDate"
                                   style='width: 118px;' ng-focus="drawFocus($event)" ng-blur="lostFocus($event)" tabindex="7" k-options="datePickersOptions"
                                   ng-mouseup="handlingDrop($event, 'DATE');" ng-change="changeValid('DATE','salesDate')"/>
                        </td>
                    </tr>
                    <!--<tr style="width: 10px;"><td colspan="3" style="width: 10px;"></td></tr>-->
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.PAYMENT_DATE' | translate}}</label>
                        </td>
                        <td style="width: 120px;">
                            <select id="paymentMethod" name="paymentMethod" ng-model="documentDoc.paymentMethod"  tabindex="8"
                                    kendo-drop-down-list k-options="paymentOptions" style="width: 118px;"
                                    ng-focus="drawFocus($event)" ng-blur="lostFocus($event)"></select>
                        </td>
                        <td style="width: 120px;">
                            <input id="paymentDate" name="paymentDate" kendo-date-picker ng-model="documentDoc.paymentDate"
                                   style='width: 118px; ' ng-focus="drawFocus($event)" ng-blur="lostFocus($event)" tabindex="9" k-options="datePickersOptions"
                                   ng-mouseup="handlingDrop($event, 'DATE');" ng-change="changeValid('DATE','paymentDate')"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.DECLARATION' | translate}}</label>
                        </td>
                        <td style="width: 120px;">
                            <select id="declarationMonth" name="declarationMonth" ng-model="documentDoc.declarationMonth"
                                    kendo-drop-down-list k-options="declarationMonths" style="width: 118px;" tabindex="10"></select>
                        </td>
                        <td style="width: 120px;">
                            <input id="declarationYear" name="declarationYear" kendo-date-picker
                                   ng-model="documentDoc.declarationYear" k-options="declarationYearOptions"
                                   k-format="'yyyy'" style='width: 118px; ' tabindex="11"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.BANK_ACCOUNT' | translate}}</label>
                        </td>
                        <td style="width: 240px;" colspan="2">
                            <input id="bankAccountNumber" name="bankAccountNumber" ng-model='documentDoc.bankAccountNumber' style='width: 234px; margin-top: 10px;'
                                   ng-focus="drawFocus($event)" ng-blur="lostFocus($event)" tabindex="12"
                                   ng-mouseup="handlingDrop($event, 'BANK_ACCOUNT');" ng-change="changeValid('TEXT','bankAccountNumber')"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.SWIFT' | translate}}</label>
                        </td>
                        <td style="width: 240px;" colspan="2">
                            <input id="swift" name="swift" ng-model='documentDoc.swift' style='width: 234px; margin-top: 10px;' ng-focus="drawFocus($event)"
                                   ng-blur="lostFocus($event)" tabindex="13" ng-mouseup="handlingDrop($event, 'TEXT_ONE_LINE');"
                                   ng-change="changeValid('TEXT','swift')"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.REGISTRATION_PLATE' | translate}}</label>
                        </td>
                        <td style="width: 240px;" colspan="2">
                            <input id="registrationPage" name="registrationPage" ng-model='documentDoc.registrationPage' style='width: 234px; margin-top: 10px;'
                                   ng-blur="lostFocus($event)" ng-focus="drawFocus($event)" ng-change="changeValid('TEXT','registrationPage')"
                                   tabindex="14"/>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.CATEGORY' | translate}}</label>
                        </td>
                        <td colspan="2">
                            <select id="category" style="float:left; width: 183px;" name="category" k-on-cascade="categoryCascade(kendoEvent)"
                                    ng-model="documentDoc.category" kendo-combo-box="widgetCategory" k-suggest="true"
                                    k-options="categoryOptions" tabindex="15" k-on-data-bound="categoryDataBound(kendoEvent)"
                                    ng-change="changeValid('SELECT','category'); categoryChange();"></select>
                            <kendo-button style="float:left; height: 26px;" sprite-css-class="'editMark'" ng-click="categoryEdit()"
                                          id="categoryEditButton"></kendo-button>
                            <kendo-button style="float:left; height: 26px;" sprite-css-class="'addMark'" ng-click="categoryAdd()"
                                          id="categoryAddButton"></kendo-button>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.VAT_REGISTER' | translate}}</label>
                        </td>
                        <td colspan="2">
                            <select id="vatRegister" name="vatRegister" ng-model="documentDoc.vatRegister"
                                    k-on-data-bound="vatRegisterDataBound(kendoEvent)" kendo-combo-box="widgetVatRegister"
                                    k-options="vatRegisterOptions" ng-readonly="true"
                                    style="width: 238px;"></select>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <table style="margin-left: 37px !important;">
                                <tr>
                                    <td>
                                        <input id="netAmount" name="netAmount" ng-model='documentDoc.netAmount'  tabindex="17" ng-blur="lostFocus($event)"
                                               style='width: {{amountWidth - 4}}px !important; height: 20px;'  required="required" ng-focus="drawFocus($event)"
                                               ng-mouseup="handlingDrop($event, 'NUMBER');" ng-change="changeValid('NUMBER','netAmount')" />
                                               <!--kendo-numeric-text-box k-spinners="false" k-step="0.01" class="k-rtl"/>-->
                                    </td>
                                    <td>
                                        <input id="vatAmount" name="vatAmount" ng-model='documentDoc.vatAmount'  tabindex="18" ng-blur="lostFocus($event)"
                                               style='width: {{amountWidth - 4}}px !important; height: 20px;'  required="required" ng-focus="drawFocus($event)"
                                               ng-mouseup="handlingDrop($event, 'NUMBER');" ng-change="changeValid('NUMBER','vatAmount')" />
                                               <!--kendo-numeric-text-box k-spinners="false" k-step="0.01" class="k-rtl"/>-->
                                    </td>
                                    <td>
                                        <input id="grossAmount" name="grossAmount" ng-model='documentDoc.grossAmount' tabindex="19" ng-blur="lostFocus($event)"
                                               style='width: {{amountWidth - 4}}px !important; height: 20px;'  required="required" ng-focus="drawFocus($event)"
                                               ng-mouseup="handlingDrop($event, 'NUMBER');" ng-change="changeValid('NUMBER','grossAmount')" />
                                               <!--kendo-numeric-text-box k-spinners="false" k-step="0.01" class="k-rtl"/>-->
                                    </td>
                                    <td style="vertical-align: bottom;">
                                        <select id="currency" name="type" ng-model="documentDoc.currency" ng-blur="lostFocus($event)"
                                                kendo-drop-down-list k-options="currencyOptions" tabindex="20"  ng-change="changeValid('NUMBER', 'currency')"
                                                style="width: {{amountWidth }}px !important;" ng-focus="drawFocus($event)"></select>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3">
                            <kendo-grid id="taxRates" options="taxRateGridOptions" k-data-source="taxRatesDataSource" k-width="300" k-height="150" k-editable="'incell'"
                                        k-selectable="'cell'" style="margin-top: 5px !important;" k-on-click="taxRateClick(kendoEvent)">
                                <ul id="taxRatesGridMenu" kendo-context-menu k-target="'#taxRates'" k-filter="'tr'" k-on-select="taxRateMenuEvent(kendoEvent)">
                                    <li k-on-select="addTaxRatePositionUpper(kendoEvent)" value="0">Dodaj pozycje nad</li>
                                    <li k-on-select="addTaxRatePositionBottom(kendoEvent)" value="1">Dodaj pozycje pod</li>
                                    <li k-on-select="removeTaxRatePosition(kendoEvent)" value="2">UsuÅ„ pozycjÄ™</li>
                                    <li k-on-select="splitTaxRatePosition(kendoEvent)" value="3">Rozbij</li>
                                </ul>
                            </kendo-grid>
 
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.DESCRIPTION' | translate}}</label>
                        </td>
                        <td colspan="2">
                            <select id="description" style="float:left; width: 183px;" name="description"
                                    k-on-data-bound="descriptionDataBound(kendoEvent)"
                                    ng-model="documentDoc.description" kendo-combo-box
                                    k-options="descriptionOptions"></select>
                            <kendo-button style="float:left; height: 26px;" sprite-css-class="'editMark'" ng-click="descriptionEdit()"
                                          id="descriptionEditButton"></kendo-button>
                            <kendo-button style="float:left; height: 26px;" sprite-css-class="'addMark'"  ng-click="descriptionAdd()"
                                          id="descriptionAddButton"></kendo-button>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 120px;">
                            <label style="padding-top: 10px;">{{'ALL.CORRECT.NOTE' | translate}}</label>
                        </td>
                        <td colspan="2">
                            <textarea id="note" name="note" ng-model="documentDoc.note"
                                      style="width: 234px !important; max-width: 234px !important;"></textarea>
                        </td>
                    </tr>
                </table>
            </div>
            <div id="stage" style="background-color: rgba(101, 100, 103, 0.92); overflow: hidden;">
            </div>
        </div>
        <div>
            <kendo-grid id="invoicePositions" options="invoicePositionsGridOptions" k-editable="'incell'" k-height="130"
                        k-selectable="'cell'" ></kendo-grid>
            <ul id="invoicePositionsGridMenu"></ul>
        </div>
    </div>
    <div id="cloud" style="display: none; min-width: 70px; min-height: 34px;z-index: 99999; position: absolute !important; left: 0px; top: 0px; background-color: white; border-width: 1px; border-color: #000000; border-style: solid;">
        <div id="cloudHeader" style="height: 14px; background-color: #ff5b2e; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-color: #000000; border-style: solid;"></div>
        <div id="cloudContent" style="margin: 3px;"></div>
    </div>
    <contractor-window-form mode="contractorModeWindow"></contractor-window-form>
    <description-window-form mode="descriptionModeWindow"></description-window-form>
    <category-window-form mode="categoryModeWindow" company="companyToCategory" companyOptions="customerOptions" companyEdit="false"></category-window-form>
    <mail-window-form diasbledMail="false" to=""></mail-window-form>
    <question-yes-no
            window-identifier="removeDocumentQuestionWindow"
            title-window="{{'SPECIALIZED.CORRECTION.REMOVE.TITLE' | translate }}"
            title="'{{'SPECIALIZED.CORRECTION.REMOVE.TITLE_MESSAGE' | translate }}'"
            message="{{'SPECIALIZED.CORRECTION.REMOVE.MESSAGE' | translate }}"
            yes-event="corr:remove::question::yes"
            no-event="corr:remove::question::no"
            icon="images/nimages/bin.png"
            icon-height="70px"
            icon-width="70px">
    </question-yes-no>
</div>


After open window, I'm updating data in controller.
Every widget on this view/window has ng-model attribute, but when I update binded data in ng-model only widget with no cascade option works fine, and set data correctly.
How can I set data correctly in no-model or widget ?
Georgi Krustev
Telerik team
 answered on 16 Feb 2015
1 answer
79 views
Dear,

Our users shouldn't be able to edit events which are in the past.

I've come up with the solution I added below which will give an alert. However I'm looking for a cleaner solution ... one that would make such events unclickable or would for example give a small stop sign OnHover. 

Could anyone point me in the right direction as to how I would locate these events with JQuery?

Thanks in advance.

Kind regards,
Yannick

function scheduler_OnEdit(e) {
        var now = new Date();

        if (e.event.TaskID > 0 && e.event.end < now) {
            alert("Events in the past cannot be changed.");
            e.preventDefault();
        }
    }
Georgi Krustev
Telerik team
 answered on 16 Feb 2015
1 answer
81 views
As said in documentation, lat and long are declared in order such LAT, LNG. However, in the clickevent, it gets in order reverse when I call it e.location or e.location.toString()


T. Tsonev
Telerik team
 answered on 16 Feb 2015
1 answer
159 views
Hi,
The following link suggests us to disable the hardware acceleration on Android 4:
http://docs.telerik.com/kendo-ui/mobile/performance#disable-hw-acceleration-in-android-4

We have the following questions:
1) As we (and our users) noticed, as a result of disabling this feature the app is not working smoothly. What alternatives can you suggest us that will allow us to keep it disabled without damaging the user experience?
2) Should it also be disabled for android 5? (The link above only refers to android 4)

Thanks.
Petyo
Telerik team
 answered on 16 Feb 2015
2 answers
173 views
Hi

In my example below I took your demo for multiple sorting (good one!) and created a button with which I can change the sorting type.

http://dojo.telerik.com/ARaMA

I am refreshing the grid after changing the sorting type, but the grid does not seem to refresh properly.

I have variables initially set to "multiple" and true (for multiple sort as per your example)
sortable: {
            mode: sortmode,
             allowUnsort: sortunsort
},
.. and I change them on button click so "single" and false and then do
$('#multipleSort').data('kendoGrid').dataSource.read();
$('#multipleSort').data('kendoGrid').refresh();

..which does not properly update.

I also tried changing
$('#multipleSort').data('kendoGrid').options.sortable.mode = "single";
$('#multipleSort').data('kendoGrid').options.sortable.allowUnsort = false;

but again I do not update correctly because it does have no effect, even though it is actually set.

Many thanks
Markus
Top achievements
Rank 1
 answered on 16 Feb 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?