Telerik Forums
Kendo UI for Angular Forum
1 answer
325 views

 

Hi,

The MaskedTextBox is missing some features of a regular TextBox:

  • adornments 
  • validation icons
  • clearButton / clearButtonIcon
  • placeholder
  • selectOnFocus
  • required validation

I think it would be logical if a MaskedTextBox should be a TextBox with mask functionality.  All input controls should be as consistent as possible.

 

Actually, the same question applies to the following input controls: 

  • kendo-numerictextbox
  • kendo-autocomplete
  • kendo-combobox
  • kendo-dropdownlist
  • kendo-multiselect
  • kendo-textarea

 

Could this be improved please?

Svet
Telerik team
 answered on 16 Oct 2020
5 answers
1.1K+ views

I would like to change the currency symbol globally, not per pipe/function or component.

So in my case I want to display amounts in "€", but the application's locale should be the default one (en-US).

I did not found anything in the documentation, any ideas?

Arthur
Top achievements
Rank 1
Veteran
 answered on 16 Oct 2020
0 answers
80 views
i want to load only the root item , but if i set the pageable property to true. this will call fetchchildren method after initializing the view. is there any solution or workaround to not invoke the fetchchildren at first. Instead it should only be called when the expand button is clicked
Mohesh
Top achievements
Rank 1
 asked on 16 Oct 2020
0 answers
456 views

i have query regarding the input the field

i want to assign dynamic value to field tag as in

 

<kendo-grid-column field="rsrce_{{group.resorceId}}">

      <ng-template kendoGridCellTemplate let-dataItem="dataItem">
            <input  style="width:69px;height:38px;border-radius: 5px;" type="textbox" [(ngModel)]="dataItem.rsrce_{{group.resorceId}}"  name="rsrceid" class="k-textbox" />
        </ng-template>

</kendo-grid-column>

so basically i am not able to do this because its giving me string interpolated error,  if i remove  kendoGridCellTemplate , its working as expected.

But my requirement is to implement kendoGridCellTemplate .

 

Please help here.

Vikas
Top achievements
Rank 1
Veteran
 asked on 16 Oct 2020
1 answer
1.5K+ views
Hi,

I'm using a dropDownList in a navigation bar and I'd like to reset the dropdown to display the [defaultItem] every time I click in another navigation button. The other buttons get highlighted to show that the user is at that location. So to avoid confusion, I want the dropdown to reset. These buttons are not Kendo components but <a> links and I'm planning to use "(click)="resetDropdown($event)" to call the action.

Here is my code:
     
<kendo-dropdownlist
  [defaultItem]="selectGateDefaultItem"
  [itemDisabled]="gateChecklistItemDisabled"
  [data]="gates | async"
  [textField]="'NAME'"
  [valueField]="'ID'"
  (selectionChange)="openGatePage($event)"
  [popupSettings]="{height: 100, width: 280}"
  [iconClass]= "gateIcon"
  id="gateChecklistDropdown"
  style="width: 250px"
>
  <ng-template kendoDropDownListItemTemplate let-dataItem>
    <span class="template">{{dataItem.NAME}}</span>
  </ng-template>
  <ng-template kendoDropDownListValueTemplate let-dataItem>
    <span class="selectedValueTemplate">{{ dataItem.NAME }}</span>
  </ng-template>
</kendo-dropdownlist>

Also, I'd like to know if I can change the color of the dropdown button (when in closed state). I was able to add an icon but I could not find a way to edit the color. 

Thanks,

Carla
Dimiter Topalov
Telerik team
 answered on 16 Oct 2020
1 answer
1.0K+ views
I'm looking to build some functionality to ExpandAll and CollapseAll groupings in the grid when there is a grouping in place. I'd want to add a couple of buttons somewhere on the grid to drive this functionality. 

I understand that I can use the kendoGridToolbarTemplate to add a new toolbar, but I don't want to use the real estate. Ideally, I'd like to get something into the kendo-grid-group-panel (the panel that the grouping columns are dragged onto).  Is this possible? - I don't see an ng-template option for this
Martin Bechev
Telerik team
 answered on 15 Oct 2020
1 answer
116 views

Hello 

 I am facing issue on kendo window,

my requirement is i have a button inside kendo grid particular column/cell.

and when i click on that button a window should open outside kendo grid.

Hetali
Telerik team
 answered on 14 Oct 2020
3 answers
113 views

Hi ,

 

I need help building kendo grid with angular 10.

I am having difficulty accessing data of nested json.

have attached  pic as reference and sharing json as well.

Having issue accessing resource record for objects in array.

Please look in the pic attached for reference as i want the same.

 

{
    "fieldTestPlanId": 509,
    "Operation1": [
        {
            "id": 2381,
            "manageOperationId": 341,
            "title1": "data1",
            "title2": "1",
            "operationId": 55948,
            "subOperationId": 56968,
            "operationGoal": 1,
            "instructions": " ",
            "frCount": null,
            "resources": [
                {
                    "id": 38275,
                    "filedTestOperationId": 2381,
                    "resourceId": 1123,
                    "resourceIdWithPreFix": "1123",
                    "c1": null,
                    "c2": 2
                },
                {
                    "id": 38276,
                    "filedTestOperationId": 2381,
                    "resourceId": 2421,
                    "resourceIdWithPreFix": "2421",
                    "c1": 2.0,
                    "c2": null
                }
            ]
        },
        {
            "id": 2379,
            "manageOperationId": 11,
            "title1": "Unassigned",
            "title2": "Unassigned",
            "operationId": 2057,
            "subOperationId": 2058,
            "operationGoal": 3,
            "instructions": null,
            "frCount": null,
            "resources": [
                {
                    "id": 38273,
                    "filedTestOperationId": 2379,
                    "resourceId": 1123,
                    "resourceIdWithPreFix": "1123",
                    "c1": null,
                    "c2": 4
                },
                {
                    "id": 38274,
                    "filedTestOperationId": 2379,
                    "resourceId": 2421,
                    "resourceIdWithPreFix": "2421",
                    "c1": null,
                    "c2": null
                }
            ]
        }
    ],
    "fieldTestPlanUUTGroupResourceList": [
        {
            "resorceId": 1123,
            "resourceIdWithPrefix": "1123",
            "resourceName": "data",
            "resourceTotalActual": null,
            "resourceTotalPlan": null
        },
        {
            "resorceId": 2421,
            "resourceIdWithPrefix": "2421",
            "resourceName": "test",
            "resourceTotalActual": null,
            "resourceTotalPlan": null
        }
    ]
}

Vikas
Top achievements
Rank 1
Veteran
 answered on 14 Oct 2020
2 answers
1.1K+ views

I have looked into the documentation and found that we can only precompile the SCSS files with required colors. And, I am not able to find a  way to importing single SCSS file and changing its color in runtime using CSS variables as in Material.

Telerik Recommended Way:https://www.telerik.com/kendo-angular-ui/components/styling/custom-themes/

Material Way

https://github.com/tomastrajan/angular-ngrx-material-starter

https://medium.com/grensesnittet/dynamic-themes-in-angular-material-b6dc0c88dfd7

 

I have tried it but I am not able to implement such using Telerik theme. So, please confirm me whether Telerik have the support for this or have any plan for this in future. 

Svet
Telerik team
 answered on 14 Oct 2020
2 answers
290 views

Hello, 

         I would like to create a grid in which I have 2 levels of grouping in which I want to have a value in many columns on each grouping and each item.

Example:

                                                 Price  week 1                 Price week 2

    Group A                                       10.00                          12.00

            Sub-Group 1                        9.00                            11.00 

                    Product X                    8.00                             10.00 

                    Product Z                    10.00                          12.00

            Sub-Group2                        11.00                          13.00

   Group B                                       20.00                           22.00  

 

Any idea on how this could be done?  Positionning the data in grouping template  withing columns does not seem to be possible right now.  I could align the data in the template but with many columns this is gonna get tedious.

 

Thank you

 

Thamarai
Top achievements
Rank 1
Veteran
 answered on 14 Oct 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
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
Bronze
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?