Questions tagged [ignite-ui-angular]

Ignite UI for Angular is an open-source, dependency-free Angular UI component library. All components are following the google material design guidelines.

Detailed information about Ignite UI for Angular

GitHub repository
Submit issues here

A full list of the components provided can be seen here

45 questions
3
votes
0 answers

how to get selected rows values in angular infragistics grid UI

I'm using angular Infragisics grid in angular typescript 12 and I want to display all the selected rows from the igx-grid when I click a button. Here is what I tried but I get an empty array and no data is displayed. Here is the HTML code
3
votes
1 answer

add hyperlink to a column in igx-grid

I want to know how can I add a hyperlink to a single column in igx-grid? Here is a sample data: export const DATA: any[] = [ { OrderID: 10524, SaleAmount: 3192.65, CategoryName: "Beverages", CompanyName: "Berglunds…
Monika
  • 51
  • 3
3
votes
1 answer

Controlling tab order via nativeElement.focus() from within an Angular component

I need to cycle through an expanded overlay control. Once the overlay is expanded I want to cycle through the input elements until the overlay has been collapsed. I have the code working to a point, i.e once the overlay is visible my focus is set to…
Ross
  • 405
  • 3
  • 8
  • 19
2
votes
2 answers

Reload igx grid when data is changed

I have an igx grid inside a dialog. I use the array posts as data for the grid. The values of this array may be changed through the program. How can I update the grid data with the last value that I have for the array posts?
ivs
  • 133
  • 7
2
votes
1 answer

Infragistics: How to show multiple ignite Snackbar using id

I want to show multiple Snackbar on the angular website. I am using ignite UI for angular and using Snackbar from ignite.
Ragesh Pikalmunde
  • 1,333
  • 1
  • 20
  • 44
2
votes
1 answer

Make first row of igx-grid not editable

I've got a normal igx-grid where the rows are all editable. However, the first row should never be editable. How do I handle that? Also, in the code-snippet below, can you tell me what I've done wrong with the last column? I just want a trash…
2
votes
2 answers

How to set the width and height of igxDialog?

I am trying to create a modal Dialog, but the width is not applied correctly.
Martin
  • 83
  • 1
  • 6
2
votes
1 answer

How to export excel of selected record in Ignite UI in Angular

I am using Ignite UI. In that I am using Igx grid, I am able to export excel of all data using IgxExcelExporterService, but I want to export only selected data by using onRowSelectionChange method of igx grid. Is there any way igx-grid support this…
user14922829
2
votes
1 answer

get notified when igx-grid has done loading

I am trying to move a dynamic column to different position using Infragistics Angular grid, igx-grid. I tried with const newCol = this.grid.getColumnByName(node); newCol?.move(j); but newCol is null since grid has not finished loading and new…
wil
  • 853
  • 2
  • 10
  • 24
2
votes
1 answer

How to get one Igx-column value into another column

I am using Infragistics grid. I have several columns, and I am trying to access the value of the first column inside the last one. I created a variable inside IgxColumnComponent, however when I access it from another IgxColumnComponent I get…
2
votes
1 answer

How to set custom background color for selected rows in igx-grid

I am using Infragistics igxGridComponent. I am trying to style the look of selected rows. I have tried setting my own css classes: .selected-row { background-clor:red; color:white; font:bold; } However, I am not really sure how to apply them…
2
votes
1 answer

Angular, is there a way to "markAsTouched" a field without a Form?

I've already know that input items inside a FormControl can be mark dirt or touched by calling any of the following methods (maybe more): group.markAsTouched(); form.get('control-name').markAsTouched(); form.markAllAsTouched();…
2
votes
1 answer

I need to implement search (Like find in page) . I have rendered an XML in my HTML page. I need to search for a text in this rendered XML

I need to implement search (Like find in page) . I have rendered an XML in my HTML page. I need to search for a text in this rendered XML. I have set the XML as the innerhtml of a div. I have used IgxTextHighlightDirective for searching and…
Pranav s
  • 164
  • 1
  • 11
2
votes
2 answers

How to adjust Dropdown box?

I am using Infragistics / igx-input-group and igx-drop-down elements to create a dropdown on my app. All works well and i can fetch the data from REST API's just fine but i am having issues with the display ofthe selected Item. Even so the correct…
MisterniceGuy
  • 1,646
  • 2
  • 18
  • 41
2
votes
1 answer

Why Aren't the Styles for Infragistics Ignite UI for Angular List View Working?

It looks like the igx-form-group__input--search class requires another stylesheet imported somewhere, but I'm not finding a reference to make it work in like in…
dapperdan1985
  • 3,132
  • 2
  • 15
  • 26
1
2 3