Align components in Groupbox in c# - c#

I am having a group box of width 900px and height 250px. and have to place 20 around radio buttons in it in a 4 rows * 5 columns tabular format. But at present its coming in 20 rows * 1 column format.
And i have to do this using groupbox.
I'll be glad for the answers thank you .

Unfortunately, this is not imporssible, as Group control does not support overflow style child management. You have two options (maybe more):
Create your custom group box and implement the "row overflow" logic yourself;
You might embed a child TableLayoutPanel or ListBox in your group box, and add child items there;
for the TableLayoutPanel option, you might try below snippet to see if it matches your requriment:
TableLayoutPanel Table = new TableLayoutPanel();
Table.AutoSize = true;
Table.RowCount = 4;
Table.AutoSizeMode = System.Windows.Forms.AutoSizeMode.GrowAndShrink;
Table.GrowStyle = System.Windows.Forms.TableLayoutPanelGrowStyle.AddCols;
this.Controls.Add(Table);
for the listbox, you can try this RadioListBox, and also set:
listBox1.MultiColumn = true;
And also you need adjust the listbox height so that exactly 4 rows are there.
If WPF is an option, this will be trivial as you can do this with XAML, and implementation your own ItemTemplate is just a breeze.

Related

How can I change the cell content in a ListView through code?

I'm dynamically creating a WPF window with a grid-like presentation. There is a header row that contains the column headers. It must always be visible. Below that there is a large number of rows (like hundreds) that can be vertically scrolled. Each row contains a text in the first column and a checkbox in each remaining column.
The list of columns and rows is dynamic, so creating a viewmodel class and binding with templates doesn't work (or would at least be very complicated and require much code while giving up the dynamic nature of the problem). Also, with each checkbox interaction in one row, all other rows might be affected (for the same column) and need to be updated. This would need a lot of interaction between all individual row viewmodels.
I'm looking for a solution to create the columns and rows of an existing empty ListView control and populate all of its data, checkboxes and interaction entirely in C# code.
Specifically I'm missing some ListView method that lets me set the content of a specific cell. While I can add columns to the ListView's GridView.Columns collection, I can't go anywhere from there without templates and bindings. Is is possible to use WPF like this?
The problem is that when I use a template for, say, a checkbox column, all checkboxes do exactly the same an no customisation is possible anymore because I don't create each checkbox, instead WPF creates them for me.
You may create a specific CellTemplate for each GridViewColumn using either XamlReader.Parse:
const string Xaml = "<DataTemplate xmlns=\"http://schemas.microsoft.com/winfx/2006/xaml/presentation\" xmlns:x = \"http://schemas.microsoft.com/winfx/2006/xaml\">" +
"<CheckBox Content=\"{Binding Name}\" IsChecked=\"{Binding IsChecked}\" />" +
"</DataTemplate>";
column.CellTemplate = XamlReader.Parse(Xaml) as DataTemplate;
...or a FrameworkElementFactory:
FrameworkElementFactory checkBox = new FrameworkElementFactory(typeof(CheckBox));
checkBox.SetBinding(CheckBox.ContentProperty, new Binding("Name"));
checkBox.SetBinding(CheckBox.IsCheckedProperty, new Binding("IsChecked"));
column.CellTemplate = new DataTemplate() { VisualTree = checkBox };
This lets you customize the columns but still use the GridView and its functionlity the way you are supposed to. Trying to modifying the generated visual elements is not recommended, especially not if you are using the UI virtualization.

How to add a Table in a cell of DataGridView in C# windows application dynamically?

I am developing a windows application in C#,I have a DataGridView,currently showing values of a datasource. I want to add a column in which every row will have a table.Now Is there any way to do that dynamically? because the table structure will vary in each row.
thanks in advance.
Edit :- I mean, I want to insert a table in a cell, dynamically.
As u can see Entity Details column showing this when I tried to add TableLayoutPanel,in each row dynamically.
1). Try out MSDN's Mark Ridout's TreeGridView and read his article on using it.
Also see if this CodeProject DataGridView with Hierarchical Data Binding that uses Mark Ridout's TreeGridView is useful.
2). If free controls dont work out have a look at 3rd parties (I am not affiliated with these co's):
Devexpress XtraGrid
Telerik Gridview
Infragistics Grid
VIBlend DataGridView for WinForms
Janus Grid
xceed's Grid
3). I'm pretty sure adding a TablePanelLayout into a Grids cell is not what you want, here is the code so you can see how dodgy it is for yourself:
DataTable dt = new DataTable();
dt.Columns.Add("name");
for (int j = 0; j < 10; j++)
{
dt.Rows.Add("");
}
this.dataGridView1.DataSource = dt;
this.dataGridView1.Columns[0].Width = 200;
//add tableLayoutPanel1 into the control collection of the DataGridView
this.dataGridView1.Controls.Add(tableLayoutPanel1);
//resize the row
this.dataGridView1.Rows[1].Height = 100;
//set its location and size to fit the cell
tableLayoutPanel1.Location = this.dataGridView1.GetCellDisplayRectangle(0,1, true).Location;
tableLayoutPanel1.Size = this.dataGridView1.GetCellDisplayRectangle(0, 1, true).Size;
I don't think this is (easily) possible with the controls provided out-of-the-box by Microsoft.
If you have the budget, perhaps check out Telerik's controls.
http://www.telerik.com/products/winforms/gridview.aspx
They have a gridview control as part of their .NET WinForm controls that looks like it will do what you want it to.
Otherwise, is it possible to change your architecture and do an ASP.NET web-based approach to solving this problem?
Hope that helps. Good luck.
There is this article : How to: Host Controls in Windows Forms DataGridView Cells
at MSDN
The DataGridView control provides several column types, enabling your users to enter and edit values in a variety of ways.
If these column types do not meet your data-entry needs, however, you can create your own column types with cells that host controls of your choosing.
To do this, you must define classes that derive from DataGridViewColumn and DataGridViewCell.
You must also define a class that derives from Control and implements the IDataGridViewEditingControl interface.
So i would recommend , first Make your Table as independent control with properties or method
then use that control to be displayed for each row - when you are doing databind ,let each row set data for your TableControl.
An alternative approach could be this (assuming you are not editing in grid) - you can create a single row like usercontrol ( create a usercontrol where all textbox or label are laid around like datagridrow style them so that it looks like a single row) and then you add them in a panel with scrollbar .
Adding a column with a table within it in a DataGridView is not possible according to me..
Best alternate to your question is to create a dynamic table by self and repeat rows to show your data and within that row you can off course put a cell with a table within it.
You can add a table to the cells control collection using the RowDatabound Event. Something like this example(sorry - different to what you are doing but maybe similar to what you want, also in VB rather than C#)
Private Sub GridView1_RowDataBound(sender As Object, e As GridViewRowEventArgs) Handles GridView1.RowDataBound
Dim i As Integer
Dim myTable As Table
Dim myRow As TableRow
Dim mycell As TableCell
If e.Row.RowType = DataControlRowType.DataRow Then
myTable = New Table
myRow = New TableRow
For i = 1 To 3
mycell = New TableCell
mycell.Text = i.ToString
mycell.BorderStyle = BorderStyle.Solid
mycell.BorderWidth = 0.2
mycell.Width = 15
If i = 1 Then mycell.BackColor = Drawing.Color.Beige
If i = 2 Then mycell.BackColor = Drawing.Color.Yellow
If i = 3 Then mycell.BackColor = Drawing.Color.Green
myRow.Cells.Add(mycell)
Next
myTable.Rows.Add(myRow)
e.Row.Cells(12).Controls.Add(myTable)
End If
End Sub

DataGridView , Adjusting width and height to DataTable

I am binding a DataTable to GridView. It does not adjust to height and width of the DataTable. How can I the strech the width of the grid that i shows all the columns and height shrink if the rows are few.
just go to the properties of your datagrid =>
and then at the section Layout=>
AutoSizeColumnsMode set it to Fill...
To autosize the columns to fit the data (width-wise) and then autosize the form to fit the gridview (width-wise), use the following code:
foreach (DataGridViewColumn column in dataGridView1.Columns)
column.AutoSizeMode = DataGridViewAutoSizeColumnMode.AllCells;
this.Width = dataGridView1.Width + 100;
where dataGridView1 is the name of the Datagridview in this example, and this is refering to the instance of the form. The 100 is a constant for how many pixels wider you want the form than the datagridview. (note: you may want some width checking to make sure you form and data gridview aren't wider than the user's screen)
To autosize the datagridview to fit the rows (height-wise) and then autosize the form to fit the gridview (height-wise), use the following code:
int totalRowHeight = dataGridView1.ColumnHeadersHeight;
foreach (DataGridViewRow row in dataGridView1.Rows)
totalRowHeight += row.Height;
dataGridView1.Height = totalRowHeight;
this.Height = dataGridView1.Height + 100;
where dataGridView1 is the name of the Datagridview in this example, and this is refering to the instance of the form. The 100 is a constant for how many pixels higher you want the form than the datagridview. (note: you may want some height checking to make sure you form and data gridview aren't taller than the user's screen)
First, your form would have to be big enough for the DataGridView to expand and show all of the columns. In the screenshot, it doesn't look wide enough. You can set the size of the datagridview manually, but it is rare that you know the exact width of each column at design time because you don't know how much will be in each column at run time. For example, your Invoicedescription column could have strings that vary in length.
What I typically do in cases like yours is to put a splitter control on the form. The text box at the top and the Import Invoices button would go in the top panel of the splitter control, and the DataGridView would go in the bottom panel. Then, set the Dock property of the DataGridView to fill the bottom panel of the splitter control. This way, when the user resizes the form the DataGridView will grow/shrink with it.
You can further control the way the columns appear by setting the DataGridView.AutoResizeRows property.
Just giving this as an option, I'm not aware of any way to have the grid automatically resize to the data it is displaying. You may be able to calculate the height/width of the rows and then manually resize the grid in code, but I would make sure I really needed that requirement first.
This works assuming that all the rows have the same height, even when the first header row has different height (for example long headers are wrapped)
If List.RowCount = 0 Then
List.Height = 0
ElseIf List.RowCount = 1 Then
List.Height = List.ColumnHeadersHeight
Else
List.Height = List.ColumnHeadersHeight + List.Rows(1).Height * (List.RowCount + 1)
End If
Set the datagridviewautosizecolumn to "All"
Then, in the form that contains the datagridview, assuming you populate the data grid view in the load event handler or some other event handler as desired wherever the data is loaded (must be after data is loaded) type: (VB)
Me.Width = DataGridView1.Width + 50 ' Number of pixels wider than the datagridview you want the form to be.
datagridview1 is the name of your datagridview control.
Me refers to the form that contains the datagridview control.
You may need to either maximize the window or anchor it to the top and left to ensure fitment depending on how large of a dataset is being populated.
I know this is probably already answered but just in case I post here what helped me to autosize the whole datagrid view by AllCells:
After your Datasource load, paste the following
dataGridView1.AutoResizeColumns();
dataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.AllCells;
i used this in IronPyhton to fit the table
1: LayoutPanel.AutoSize = True
2: dataGridView.AutoSize = True
3: self.AutoSize = True

TableLayoutPanel's Control Columns properties

I've noticed that every control added to the TableLayoutPanel is given "Column" and "Row" properties.
How can I get access to these properties through code?
thanks:)
These properties only exist in the Properties Window, magic provided by the IExtenderProvider interface. They don't exist at runtime. Extended properties are:
ColumnSpan. Runtime: GetColumnSpan() and SetColumnSpan()
RowSpan. Runtime: GetRowSpan() and SetRowSpan()
Row. Runtime: GetRow() and SetRow()
Cell. Runtime: GetCellPosition() and SetCellPosition()
Column. Runtime: GetColumn() and SetColumn()
Obviously TLP was highly optimized to be used from the designer. It's kinda of a pain at runtime.
Although the properties designer shows the row and column as properties of the added control thay are set programatically using a method on the table layout panel itself (SetColumn(control, index) and SetRow(control, index)).
This pattern of behaviour is similar the tool tip component and the error component.
Go here.
This properties are added by means of "extending properties", something that other controls like ToolTip uses.
// Create TableLayoutPanel
TableLayoutPanel tlp = new TableLayoutPanel();
// Set the BorderStyle to Inset
tlp.CellBorderStyle = TableLayoutPanelCellBorderStyle.Inset;
// Grid has two columns
tlp.ColumnCount = 2;
// Grid has two rows
tlp.RowCount = 2;
// If grid is full add extra cells by adding column
tlp.GrowStyle = TableLayoutPanelGrowStyle.AddColumns;
// Padding (pixels)within each cell (left, top, right, bottom)
tlp.Padding = new Padding(1, 1, 4, 5);
// Add TableLayoutPanel to the Forms controls
this.Controls.Add(tlp);
for more check this
http://en.csharp-online.net/TableLayoutPanel

C# fill Dynamic Grid with TextBox, Button and more in WPF

VS2010 -C#
I have a TextBox where you can input an integer and a UniformGrid is dynamically generated with the integer number of UniformGrid Cells. Now if I want to add a TextBox to each UniformGrid Cell, I do the following (e.g. int is a 5):
TextBox[] tb = new TextBox[5];
for (int i = 0; i < 5; i++)
{
tb[i] = new Textbox();
UniformGrid1.Children.Add(tb[i]);
}
Ok..that works fine. But problem comes when I need also to fill in some more Texboxes, Buttons, and Labels in it with some design properties defined, possibly also insert a grid inside a UniformGrid Cell. It will get extremely messy if I create arrays for each control and define each array properties in the loop.
Not only that it's messy, I cannot put the textbox inside the UniformGrid's Cell's Grid. The children add the grid on top of the TextBox instead.
Is there a better way to approach this?
You should use DataBinding instead.
Make a ItemsControl bind it to ObservableCollection and use UniformGrid as a container to ItemsControl.
I think that using specialized controls like DataGrid would be better, beacuse it automatically creates two-way bindings to model, it's easy to maintain, etc. There are lots of examples, for example here (Google can help you to find more, if you ask something like "wpf datagrid example tutorial")

Categories

Resources