Skip to main content
Filter by
Sorted by
Tagged with
0 votes
0 answers
20 views

Is it possible to use Igx-callout-layer with igx-stacked-100-bar-series ignite ui angular data charts?

Is it possible to use Igx-callout-layer with igx-stacked-100-bar-series? if it is possible, can you provide working example? <igx-stacked-100-bar-series #bars [xAxis]="xAxis" [yAxis]=&...
Zohidjon Toshpulatov's user avatar
0 votes
1 answer
27 views

Edit many cell at the same time IGX GRID Angular

I need to edit several cells at the same time that are in the same column. At the same time, so that the actual data change inside the cell is displayed. Is it possible to do this in igx grid Angular? ...
Vladislav's user avatar
0 votes
2 answers
174 views

Angular TinyMCE contents clearing when I switch between tabs and editor stops working

I have a tinymce editor inside an infragistics igniteui angular tab component. When my form 1st renders, I see the data from database properly displayed in tinymce. When I switch to another tab that ...
happyfirst's user avatar
  • 1,071
2 votes
1 answer
96 views

How can the igx-expansion-panel close when nested angular accordion comes?

I am trying to close the igx-expansion-panel. It's working fine with the normal panel. I am applying nested angular accordion with igx-accordion. here is an example. HTML File : Here I used 3 parent ...
Nikunj Chaklasiya's user avatar
0 votes
1 answer
44 views

Call a function at a specific time without launching the app

I'm working on a .NET Core application using Angular and Ignite UI. I would like to ask if it is possible to run a function in the background without opening the webpage. For example I want to run a ...
yooy's user avatar
  • 1
1 vote
1 answer
160 views

IgniteUI calendar does not load any style in Angular

I've been getting a weird problem while trying to use IgniteUI on Angular. Whatever I try the component just wont render right for some reason. This is the component class: import { Component, ...
Giovanni Grana's user avatar
0 votes
1 answer
137 views

Igx Button to open a link and download a file

Is it possible to download a file (e.g. Power point presentation) through a link when an igx Button is clicked? I could not find any related topic to my question. Here is my example code: <button ...
yooy's user avatar
  • 1
0 votes
1 answer
472 views

How to get the value of a variable that is set in the navbar to use in another component?

I have a nav-bar that uses a switch bar (similar to a toggle button) that is default to "All Cats in the Family". When the switch is off, it shows the default "All Cats in the Family&...
compscihelp's user avatar
1 vote
1 answer
376 views

Row divider igx Grid

I have an igx Grid with sorted rows. The rows are sorted by date (this is a column from the grid). So I have multiple rows with the same date. How can I put a divider between the rows where the date ...
user avatar
1 vote
1 answer
303 views

Row size of igxGrid and line break of igxDialog

I have two questions about igxGrid and igxDialog. How can I set the height of the rows in a igxGrid? I have a confirmation dialog with a message with 3 sentences. How can I include a new line after ...
user avatar
2 votes
2 answers
2k views

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 ...
user avatar
3 votes
0 answers
1k views

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 ...
amilana's user avatar
  • 83
1 vote
2 answers
303 views

Calculate the totale value of grouped by rows in angular Infragistics Ui grid

I'm using angular Infragistics UI grid in typescript 12 And I'm trying to calculate the totale of the price field when the grid is in group by mode. Say I have 2 groups by client, group 1 contained 2 ...
amilana's user avatar
  • 83
1 vote
1 answer
393 views

Batch editing is not a known property of igx-grid

I want to enable batch editing for a igx-grid to allow commitment of edited rows to a database. But I get the error: error-batch I already have IgxGridModule imported in app.modules.ts. Why I get this ...
user avatar
1 vote
1 answer
736 views

Adding new row to igx grid using igx-action-strip

I am trying to create a igx grid table with an edit-button, similar to this example provided by Infragistics Angular Grid Row Adding Example <igx-action-strip #actionstrip> <igx-grid-...
user avatar
1 vote
1 answer
119 views

Update SQL database when Igx Grid cell is edited

I have an Angular project and igx grid with editable rows. The grid data comes from SQL server database. Is it possible to update the database when cells from the igx grid are edited? Is there any ...
user avatar
2 votes
1 answer
158 views

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. <igx-snackbar id="snackbar1" [displayTime]="displayTime"...
Ragesh Pikalmunde's user avatar
0 votes
1 answer
280 views

Database connection and data visualization using Ignite UI in Angular project

I am working on a C# project (Visual Studio 2019) with Angular, in which I want to show the data from a server Microsoft SQL database in a table (using Ignite UI). I searched for tutorials to create a ...
yooy's user avatar
  • 1
1 vote
1 answer
601 views

Ignite UI for Angular - how to use a cell template from code

I am just investigating this grid, and am trying to work out how to use a "cell template" from code. Using their tree-grid-conditional-cell-style-2 sample, I have put the following: <...
peterc's user avatar
  • 7,791
2 votes
1 answer
674 views

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 ...
Bozhidara Pachilova's user avatar
0 votes
1 answer
848 views

How do I programmatically update values during row editing in igx-grid?

I am using Angular 11 and current Ignite UI Agnular. I have a grid which has columns users can edit (name, active, type, etc.) and other columns which they cannot (parameters changed in other screens, ...
vkombov's user avatar
  • 11
1 vote
1 answer
493 views

Not able to get sorting event from IgniteUI / igniteui-angular grid

I need to apply alphanumeric sorting on grid but not able to get sorting event from grid.
Nikhil Sangani's user avatar
3 votes
1 answer
505 views

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: &...
Monika's user avatar
  • 51
2 votes
2 answers
1k views

How to set the width and height of igxDialog?

I am trying to create a modal Dialog, but the width is not applied correctly. <igx-dialog #alert title="Notification" message="Your email has been sent successfully!" ...
Martin's user avatar
  • 83
1 vote
1 answer
168 views

error message when trying to update date inline edit with igx-grid

I am getting an "ERROR TypeError: value.toLocaleDateString is not a function" when I double click to do inline edit. An example on https://stackblitz.com/github/IgniteUI/igniteui-live-...
wil's user avatar
  • 903
2 votes
1 answer
573 views

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 ...
user avatar
2 votes
1 answer
878 views

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 ...
wil's user avatar
  • 903
2 votes
1 answer
2k views

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 ...
Tihomir Tonev's user avatar
2 votes
1 answer
1k views

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; } ...
Tihomir Tonev's user avatar
1 vote
1 answer
905 views

How to apply a default value to an IgxSelectComponent

What is the recommended way to apply a default value to an IgxSelectComponent using a template like this?: <igx-select type="string" formControlName="classification"> <...
Vasya K's user avatar
  • 13
1 vote
1 answer
910 views

How to template cell in igxGrid?

I am starting to work with igx-grid and I have templated cells with combobox as below: <igx-column field="Locations" header="Available At" [editable]="true" [...
Monika's user avatar
  • 51
4 votes
1 answer
2k views

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....
Ross's user avatar
  • 415
0 votes
1 answer
502 views

How to set axis label in more lines in igx-data-chart?

I need to custom my x-axis label so that it show the label in two lines. I've tried this: let labelFormat = new IgxTimeAxisLabelFormatComponent(); labelFormat.format = "dd/MM/yyyy" + "\...
Luca Scurati's user avatar
1 vote
3 answers
599 views

Best way to edit font in Igx Grid column cells

Can't find a good method for changing the font for all grids across the application. I know of [cellClasses] and [cellStyles] but it seems unnecessary to set these for every column on every page of ...
feargmac's user avatar
1 vote
2 answers
2k views

Column sorting issue in date field with dd/MM/YYYY format in angular ig-grid

In igx-grid, When we apply sorting in ascending and descending order with dd-mm-yyyy format, so sorting is not working with actual date, month and year wise. and only apply date wise sorting. When we ...
Krishna Gediya's user avatar
1 vote
1 answer
251 views

How to change color of branch level nodes in Ignite UI angular tree map?

I have implemented the treemap using the below link which worked perfectly fine.But i want to change the color of branch nodes based on parent id. https://www.infragistics.com/products/ignite-ui-...
Siripuram nagendra babu's user avatar
0 votes
1 answer
627 views

Ignite UI for Angular (igx-grid ) how to block filtering and sorting

Ignite UI for Angular igx-grid how to block filtering and sorting, I want to block filtering and sorting while updating row data and while adding New entry. Once I save again in can filter and sort ...
krishnas's user avatar
2 votes
1 answer
11k views

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(...
luiscla27's user avatar
  • 6,409
1 vote
1 answer
750 views

Using input controls in column header with Ignite Grid

Using Ignite UI for Angular Data Grid and I want to make an editor for the name of a column. However, the grid control seems to disable any input controls I put into the header template. How can I ...
Grax32's user avatar
  • 4,049
1 vote
1 answer
252 views

"col-md-*" not working with infragistics grid

I have a basic html table and infragistics(igx) grid displaying data: <div class="container"> <div class="row"> <div class="col-md-4"> <table> </...
Tarak's user avatar
  • 159
2 votes
1 answer
776 views

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 ...
Pranav s's user avatar
  • 164
1 vote
1 answer
722 views

How to set up an ignite ui financial chart (igx-financial-chart) with Angular

I am trying to set up a financial chart to display the time series data for a stock (lets say GOOG). How do you get the data from the template to the dataSource property? Am I not casting the type of ...
Brian Hanna's user avatar
2 votes
2 answers
702 views

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 ...
MisterniceGuy's user avatar
1 vote
1 answer
1k views

How to execute event when grid is 'done'

Both the data and the table columns I want to display are input properties in my module. Now I want to be able to give my column configuration data a flag that makes it so, that those columns are ...
Sophor's user avatar
  • 11
-1 votes
1 answer
1k views

how to disable selection for few rows based on any condition in multi selection of igx-grid ignite UI for angular?

I want to disable selection of some rows in multi-selection of igx-grid ignite UI for angular so that if I make those rows selected by default then the user should not be able to deselect those rows. ...
Yousaf Khan's user avatar
1 vote
1 answer
714 views

How to change Column Index of IgxGrid dynamically?

I need to apply user settings on IgxGrid. What I am trying is that whenever a user reorders columns, I am saving the column indices in my database and next time when the user opens the same grid; I ...
Yousaf Khan's user avatar
0 votes
1 answer
1k views

Build Error in Angular Library after installing and using controls of igniteui-angular

I have created an angular project which also has an angular library in which I need to install and use Ignite UI for angular. When I install it using the command "npm i igniteui-angular" and use ...
Yousaf Khan's user avatar
2 votes
1 answer
500 views

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 stackblitz Mine https://github.com/...
dapperdandev's user avatar
  • 3,301