Skip to content

Grid composite data binding: make editor inputs visually distinct #3926

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Copilot wants to merge 24 commits into
base: vnext
Choose a base branch
from
+7 −7
Draft

Grid composite data binding: make editor inputs visually distinct #3926

Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
3c826f8
Merge pull request #3795 from IgniteUI/vnext
ChronosSF Nov 26, 2025
c5d0585
Merge pull request #3838 from IgniteUI/vnext
ChronosSF Dec 3, 2025
4d5b972
Merge pull request #3841 from IgniteUI/vnext
ChronosSF Dec 4, 2025
d1a05a0
fix(lob): import IgxCategoryChartModule instead of core
ddaribo Jan 13, 2026
a7dd135
Merge pull request #3867 from IgniteUI/bpachilova/fix-grid-master-det…
ChronosSF Jan 14, 2026
a9afe91
fix(Chat): Updated chat imports
gedinakova Dec 5, 2025
c667668
fix(cd): resolving errors in cd matrix runs (#3868)
ChronosSF Jan 27, 2026
c924e6c
feat(*): changing job names for branch protection
ChronosSF Jan 27, 2026
d1523bc
Merge branch 'master' into gedinakova/update-chat-imports-master
ChronosSF Jan 28, 2026
4a303cc
Merge pull request #3874 from IgniteUI/gedinakova/update-chat-imports…
ChronosSF Jan 29, 2026
6430adb
fix(ci): fully disabling azure devops pipe
ChronosSF Jan 29, 2026
ff2290b
fix(cd): injecting base_href properly on build
ChronosSF Feb 2, 2026
5dec8da
fix(cd): resolving build errors by ensuring latest
ChronosSF Feb 3, 2026
94b96f3
Merge pull request #3880 from IgniteUI/sstoychev/fix-cd-master
ChronosSF Feb 3, 2026
8767e3f
Merge pull request #3884 from IgniteUI/vnext
ChronosSF Feb 3, 2026
6252a44
fix(grid-column-data-types-sample): remove default timezone setting f…
valeriatoneva Feb 9, 2026
089cf0d
fix(): slider styling and ticks-mirror samples
adrianptrv Feb 19, 2026
9cedf78
Merge pull request #3899 from IgniteUI/apetrov/fix-slider-samples
simeonoff Feb 19, 2026
847dee6
Merge pull request #3917 from IgniteUI/vnext
ChronosSF Feb 25, 2026
b964bb4
Merge pull request #3918 from IgniteUI/vnext
ChronosSF Feb 26, 2026
f97e514
Merge pull request #3924 from IgniteUI/vnext
ChronosSF Mar 13, 2026
09bd882
Initial plan
Copilot Apr 3, 2026
411f0c1
fix: add type="border" to igx-input-group elements in composite data …
Copilot Apr 3, 2026
03b4e5c
Merge branch 'vnext' into copilot/fix-editor-template-inputs
kdinev Apr 3, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions src/app/grid/grid-composite-data-binding/grid-composite-data.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,20 +16,20 @@
<div style="display:flex; margin-top:3px">
<div>
<strong>Contact Name:</strong> {{cell.row.data.ContactName}}
<igx-input-group width="100%">
<igx-input-group type="border" width="100%">
<input igxInput [(ngModel)]="cell.row.data.ContactName" />
</igx-input-group>
</div>
<div style="margin-left: 10px">
<strong>Job Title:</strong> {{cell.row.data.ContactTitle}}
<igx-input-group width="100%">
<igx-input-group type="border" width="100%">
<input igxInput [(ngModel)]="cell.row.data.ContactTitle" />
</igx-input-group>
</div>
</div>
<div style="margin-top: 10px">
<strong>Company Name:</strong> {{cell.row.data.CompanyName}}
<igx-input-group width="100%">
<igx-input-group type="border" width="100%">
<input igxInput [(ngModel)]="cell.row.data.CompanyName" />
</igx-input-group>
</div>
Expand All @@ -56,23 +56,23 @@
<div class="address-container--edit">
<div>
<span><strong>Country:</strong> {{cell.row.data.Country}}</span>
<igx-input-group width="100%">
<igx-input-group type="border" width="100%">
<input #country igxInput [(ngModel)]="cell.row.data.Country" />
</igx-input-group>
<br>
<span><strong>City:</strong> {{cell.row.data.City}}</span>
<igx-input-group width="100%">
<igx-input-group type="border" width="100%">
<input #city igxInput [(ngModel)]="cell.row.data.City" />
</igx-input-group>
</div>
<div>
<span><strong>Postal Code:</strong> {{cell.row.data.PostalCode}}</span>
<igx-input-group width="100%">
<igx-input-group type="border" width="100%">
<input #postalCode igxInput [(ngModel)]="cell.row.data.PostalCode" />
</igx-input-group>
<br>
<span><strong>Selected:</strong> {{cell.row.selected}}</span>
<igx-input-group width="100%">
<igx-input-group type="border" width="100%">
<input #postalCode igxInput [(ngModel)]="cell.row.data.Phone" />
</igx-input-group>
</div>
Expand Down
Loading