48 questions
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]=&...
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?
...
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 ...
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 ...
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 ...
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, ...
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 ...
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&...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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-...
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 ...
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"...
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 ...
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:
<...
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 ...
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, ...
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.
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: &...
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!"
...
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-...
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 ...
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 ...
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 ...
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;
}
...
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">
<...
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" [...
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....
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" + "\...
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 ...
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 ...
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-...
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 ...
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(...
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 ...
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> </...
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 ...
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 ...
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 ...
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 ...
-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.
...
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 ...
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 ...
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/...