Questions on UI for WinForms Forum

0 answers

3 views

I built a grid that has three levels as per the code below and I get this UI:

There should be data under the Card and Other/Basic rows but it doesn't show. I've done this successfully with other grids but something seems to be missing in this case.

The top level data looks like this:

The second level looks like this:

and the 3rd layer data looks like this:

private void SetupGrid(RadGridView grid,
                        List<ACHElectronicPayments>? achData)
{
    grid.MasterTemplate.AutoGenerateColumns = true;
    grid.MasterTemplate.ReadOnly = true;

    var achTypeData = achData
        .GroupBy(p => p.Type)
        .Select(group => new
        {
            Type = group.Key,
            AmountCollected = group.Sum(n => n.AmountCollected),
            ReturnAmount = group.Sum(n => n.ReturnAmount),
            Deposit = group.Sum(n => n.Deposit)
        });

        GridViewTemplate template2 = new GridViewTemplate();
        template2.AutoGenerateColumns = true;
        template2.DataSource = achData;
        template2.AllowAddNewRow = false;
        template2.ReadOnly = true;
        template1.Templates.Add(template2);

        GridViewRelation relation2 = new GridViewRelation(template1);
        relation2.ChildTemplate = template2;
        relation2.RelationName = "TypeDCType";
        relation2.ParentColumnNames.Add("Type");
        //relation2.ParentColumnNames.Add("DCType");
        relation2.ChildColumnNames.Add("Type");
        //relation2.ChildColumnNames.Add("DCType");
        grid.Relations.Add(relation2);
    }

    grid.DataSource = achTypeData;

    grid.MasterTemplate.Columns["Type"].Width = 100;
    grid.MasterTemplate.Columns["Type"].HeaderText = "Type";
    grid.MasterTemplate.Columns["Type"].HeaderTextAlignment = ContentAlignment.MiddleLeft;

    grid.MasterTemplate.Columns["AmountCollected"].Width = 100;
    grid.MasterTemplate.Columns["AmountCollected"].HeaderText = "Amount Collected";
    grid.MasterTemplate.Columns["AmountCollected"].HeaderTextAlignment = ContentAlignment.MiddleRight;
    grid.MasterTemplate.Columns["AmountCollected"].FormatString = "{0:#,##0.00}";

    grid.MasterTemplate.Columns["ReturnAmount"].Width = 80;
    grid.MasterTemplate.Columns["ReturnAmount"].HeaderText = "Return Amount";
    grid.MasterTemplate.Columns["ReturnAmount"].HeaderTextAlignment = ContentAlignment.MiddleRight;
    grid.MasterTemplate.Columns["ReturnAmount"].FormatString = "{0:#,##0.00}";

    grid.MasterTemplate.Columns["Deposit"].Width = 90;
    grid.MasterTemplate.Columns["Deposit"].HeaderText = "Deposit";
    grid.MasterTemplate.Columns["Deposit"].HeaderTextAlignment = ContentAlignment.MiddleRight;
    grid.MasterTemplate.Columns["Deposit"].FormatString = "{0:#,##0.00}";



    grid.MasterTemplate.Templates[0].Columns["Type"].IsVisible = false;

    grid.MasterTemplate.Templates[0].Columns["DCType"].Width = 120;
    grid.MasterTemplate.Templates[0].Columns["DCType"].HeaderText = string.Empty;
    grid.MasterTemplate.Templates[0].Columns["DCType"].HeaderTextAlignment = ContentAlignment.MiddleLeft;

    grid.MasterTemplate.Templates[0].Columns["AmountCollected"].Width = 100;
    grid.MasterTemplate.Templates[0].Columns["AmountCollected"].HeaderText = string.Empty;
    grid.MasterTemplate.Templates[0].Columns["AmountCollected"].FormatString = "{0:#,##0.00}";

    grid.MasterTemplate.Templates[0].Columns["ReturnAmount"].Width = 120;
    grid.MasterTemplate.Templates[0].Columns["ReturnAmount"].HeaderText = string.Empty;
    grid.MasterTemplate.Templates[0].Columns["ReturnAmount"].FormatString = "{0:#,##0.00}";

    grid.MasterTemplate.Templates[0].Columns["Deposit"].Width = 120;
    grid.MasterTemplate.Templates[0].Columns["Deposit"].HeaderText = string.Empty;
    grid.MasterTemplate.Templates[0].Columns["Deposit"].FormatString = "{0:#,##0.00}";

    //return;

    grid.MasterTemplate.Templates[0].Templates[0].Columns["Type"].IsVisible = false;

    grid.MasterTemplate.Templates[0].Templates[0].Columns["PaymentType"].Width = 100;
    grid.MasterTemplate.Templates[0].Templates[0].Columns["PaymentType"].HeaderTextAlignment = ContentAlignment.MiddleLeft;

    grid.MasterTemplate.Templates[0].Templates[0].Columns["EpayGLNumber"].Width = 100;
    grid.MasterTemplate.Templates[0].Templates[0].Columns["EpayGLNumber"].HeaderTextAlignment = ContentAlignment.MiddleLeft;

    grid.MasterTemplate.Templates[0].Templates[0].Columns["BankAccount"].Width = 100;
    grid.MasterTemplate.Templates[0].Templates[0].Columns["BankAccount"].HeaderTextAlignment = ContentAlignment.MiddleLeft;

    grid.MasterTemplate.Templates[0].Templates[0].Columns["AmountCollected"].Width = 100;
    grid.MasterTemplate.Templates[0].Templates[0].Columns["AmountCollected"].FormatString = "{0:#,##0.00}";

    grid.MasterTemplate.Templates[0].Templates[0].Columns["ReturnAmount"].Width = 120;
    grid.MasterTemplate.Templates[0].Templates[0].Columns["ReturnAmount"].Width = 120;
    grid.MasterTemplate.Templates[0].Templates[0].Columns["ReturnAmount"].FormatString = "{0:#,##0.00}";

    grid.MasterTemplate.Templates[0].Templates[0].Columns["Deposit"].Width = 120;
    grid.MasterTemplate.Templates[0].Templates[0].Columns["Deposit"].FormatString = "{0:#,##0.00}";
}

What am I missing?

Thanks

Carl

GridView

asked on 15 Jul 2026

1 answer

25 views

make a cell read-only, except when creating a new row

Make a cell read-only, except when a new row is created.

I want to be able to make a cell in a column read-only when I display the grid.
But if I add a row, I want the cell in that column to no longer be read-only.
Should this be handled in cellbeginEdit?
I read that you could use this line: e:row:isnewrow but it doesn’t compile.

Thank you for your feedback.

GridView

answered on 10 Jun 2026

1 answer

126 views

Refreshing grid from BindingList

Given the UI below which is bound to BindingLists implementing INotifyChanged interface, I'm seeing some weird behavior.

If I click on on a top row like Account or Active Contract, the items under it check/uncheck correctly. I'm doing this via the gvGrids_CellEndEdit event like this:

private void gvGrids_CellEndEdit(object sender, GridViewCellEventArgs e)

{

string formName = e.Row.Cells["FormDescr"].Value.ToString();

foreach(var item in gridOptionsListDetail.Where(n => n.FormDescr == formName))
{
item.Selected = (bool)e.Value;
}
}

The problem occurs when I click on the checkbox to the left of Form. Doing so fires the HeaderCellToggleStateChanged event:

private void gvGrids_HeaderCellToggleStateChanged(object sender, GridViewHeaderCellEventArgs e)

{
if (e.Column.Name == "Selected")
{
ToggleGrids(e.State == Telerik.WinControls.Enumerations.ToggleState.On);

gvGrids.MasterTemplate.Refresh();

gvGrids.TableElement.Update(GridUINotifyAction.DataChanged);
}
}

This event will check the Account and Active Contract checkboxes and the ToggleGrids() method will check the Selected property in the underlying BindingList but the subgrid will not refresh unless I scroll down and up again. The weird thing is that If I click the Select All/Deselect All links, which call the same ToggleGrids() method, all works well.

What am I missing here?

Thanks

Carl

GridView

answered on 07 May 2026

1 answer

78 views

add a image to the top-left corner of the grid header

Hello,
I’m developing an OOABL application using the Telerik GridView component.
How can I add an image to the top-left corner of the grid header?
And how can I add a context menu when the image is clicked?
Thank you for your feedback.

GridView

answered on 16 Apr 2026

1 answer

156 views

[Solved] Know if the Row Order has Changed

I'm using the...

AllowRowReorder = True

...setting in a grid and simply need to know if the user drags and drops a row within the same grid. What event do I need to catch to deal with this please....?

GridView

answered on 16 Apr 2026

2 answers

289 views

Drag and Drop to RadGridView with Multiple Templates

I have 2 grids with drag and drop capability, one of them is just a simple grid with 2 columns, the other grid is a grid with 3 Hierarchical Templates that have 3 associated BindingSources.

How can I, when dragging and dropping from the simple grid to the hierarchical grid, determine which Template I am dragging the row to and add it to that Template/BindingSources?

I used exactly the example code you have here (https://docs.telerik.com/devtools/winforms/controls/gridview/rows/drag-and-drop), and indeed everything works.

I just wanted to understand if it's possible to know which Template the row is being dragged to and add it exactly to that Template.

General Discussions

GridView

answered on 13 Apr 2026

1 answer

47 views

Unable to format custom grid cell with dots ring style waiting bar

Hi,

I have a requirement to show a column congtaining waiting bar dot rings in a grid view.

I have the currentcode which defines the custom cell and also the custom column

//////////////////////////////////////
// custom cell
//////////////////////////////////////

public class WaitingDotsRingCellElement : GridDataCellElement
{
    private RadWaitingBarElement waitingElement;
    private DotsRingWaitingBarIndicatorElement ringElement;


    public WaitingDotsRingCellElement ( GridViewColumn column, GridRowElement row )
        : base ( column, row )
    {
    }


    protected override void CreateChildElements ( )
    {
        base.CreateChildElements ();

        ringElement = new DotsRingWaitingBarIndicatorElement ();

        ringElement.DotRadius = 4;
        ringElement.LastDotRadius = 1;
        ringElement.Radius = 10;
        ringElement.ElementCount = 8;
        ringElement.NumberOfColors = 4;
        ringElement.ElementColor = Color.Red;

        waitingElement = new RadWaitingBarElement ();
        waitingElement.WaitingIndicators.Clear ();
        waitingElement.WaitingSpeed = 40;
        waitingElement.WaitingStyle = WaitingBarStyles.DotsRing;
        waitingElement.WaitingIndicators.Add (ringElement );

        Children.Add ( waitingElement );
    }


    protected override void SetContentCore ( object value )
    {
        if ( Value != null && Value != DBNull.Value )
        {
            if ( Convert.ToInt32 ( Value ) == 0 )
            {
                waitingElement.StopWaiting ();
            }
            else if ( Convert.ToInt32 ( Value ) == 1 )
            {
                waitingElement.StartWaiting ();
            }

        }
    }


    public override bool IsCompatible ( GridViewColumn data, object context )
    {
        return data is WaitingDotsRingColumn && context is GridDataRowElement;
    }


    protected override Type ThemeEffectiveType
    {
        get
        {
            // Ensures the cell inherits grid cell styling
            return typeof ( GridDataCellElement );
        }
    }
} // WaitingDotsRingCellElement


//////////////////////////////////////
// custom column
//////////////////////////////////////


public class WaitingDotsRingColumn : GridViewDataColumn
{
    public WaitingDotsRingColumn(string fileName ) : base(fileName)
    {
    }


    public override Type GetCellType ( GridViewRowInfo row )
    {
        if ( row is GridViewDataRowInfo )
        {
            return typeof ( WaitingDotsRingCellElement );
        }
        return base.GetCellType ( row );
    }
} // WaitingDotsRingColumn

My issue is that the properties "radius" and "element count" are not being set correctly, however other properties such as element color are being set correctly.

My grid view row height is being set to 32 via gridView.TableElement.RowHeight

In addition, how do i get rid of the "button" effect appearing in the cell background?

Kind regards
Toby

GridView

WaitingBar

answered on 13 Apr 2026

1 answer

55 views

Be client-server usage

Hello,

My business application is client-server based.
Client-side: a web client to launch screens with grids.
Server-side: OpenEdge, Bases, Pasoe.

Client-side:
Screen with a binding source: bsUtilisateurChantiers
UtilisateurChantiers table.
Grid: datasource = bsUtilisateurChantier

How do I populate my grid via the BusinessEntity, given that the databases are located on a Linux server?
I have tried the following:
METHOD PUBLIC VOID InitialisationBE( ):

// Run the .p file on PASOE to instantiate the BE and read
//UTILISATEURCHANTIERS
gcFiltre= “cod_uti eq ‘” + clsSession:CodUti + “’”.

RUN App/AppBeUtilisateurChantiers.p ON clsSession:hServeur (“INIT”, gcFiltre, INPUT-OUTPUT BeUtilisateurChantiers, INPUT-OUTPUT DATASET dsUtilisateurChantiers).
RUN App/AppBeUtilisateurChantiers.p ON clsSession:hServeur (“READ”, gcFiltre, INPUT-OUTPUT BeUtilisateurChantiers, INPUT-OUTPUT DATASET dsUtilisateurChantiers).

but I get this message on the server side, so nothing is being returned:

26/03/13@14:43:25.497+0100] P-050381 T-050421 3 AS-7 AS -- TRACE: Non-PERSISTENT Procedure “App/AppBeUtilisateurChantiers.p” START. (5498)
[26/03/13@14:43:25.497+0100] P-050381 T-050421 1 AS-7 -- (Procedure: “App/AppBeUtilisateurChantiers.p” Line:71) ipcMode= INIT
[26/03/13@14:43:25.497+0100] P-050381 T-050421 1 AS-7 -- (Procedure: “App/AppBeUtilisateurChantiers.p” Line:71) ipcFiltre= cod_uti eq ‘LTROMBINO’
[26/03/13@14:43:25.498+0100] P-050381 T-050421 1 AS-7 -- (Procedure: “App/AppBeUtilisateurChantiers.p” Line:4294967295) The remote object of class type `Be.beUtilisateurChantiers` cannot be instantiated. (17315)
[26/03/13@14:43:25.498+0100] P-050381 T-050421 3 AS-7 AS -- TRACE: Non-PERSISTENT procedure END ERROR. (8397)
See attachments

GridView

answered on 16 Mar 2026

1 answer

48 views

Multiple images in a RadgridView cell

Hi, I have a requirement to have multiple icons in a cell, I have created a custom GridViewDataColumn and a GridDataCellElement

My current implementation has 2 issues, the icons don't appear until you enter or leave a row (in which case only those rows icons get displayed), or when you click on the column (in which case all the visible rows display their icons.

The second issue is that, since I can scroll horizontally, when scrolling right, the cell locations that end up under the location of my icons cells, when you scroll left again, they appear empty, and you need to reload the Datasource or scroll multiple times vertically for them to appear again.

What I'm doing right now is overriding the ArrangeOverride, to locate the icons on the cell with Children[i].Arrange, and creating the icons overriding SetContent and OnCellFormatting and creating LightVisualElements there, calling Children.Clear() at the beginning of the methods.

I'll try to post an example later but has anyone had an issue like this before?

GridView

answered on 10 Mar 2026

1 answer

89 views

[Solved] Seeking Help: RadGridView Hierarchical CRUD Example with DataTable and SQLite

Hi everyone,
Requirement: Implement hierarchical (master-detail) add, delete, and edit functionality in RadGridView, with data flow: GridView ↔ DataTable ↔ SQLite Database.
Data Structure:
Master Table: MasterDataTable (e.g., Orders)
Detail Table: DetailDataTable (e.g., Order Items)
Relationship: One-to-many via foreign key
Tech Stack:
UI Control: Telerik RadGridView (WinForms)
Data Layer: DataTable + DataRelation
Database: SQLite
Core Requirements: Looking for a simple, complete example demonstrating:
1. Binding hierarchical data to RadGridView (master rows expandable to show details)
2. Two-way synchronization between UI edits and DataTable (inserts, updates, deletes)
3. Batch commit changes from DataTable back to SQLite database
Any guidance or code samples would be greatly appreciated!
Thanks in advance!

GridView

answered on 27 Feb 2026