Questions on UI for WinForms Forum

5 answers

216 views

Hello,

I tried to create a scatter plot chart just like attachment 1. Then I tried to show checkbox to show/ hide it's series points.

In this case, the long labels have been overlap and I tried to style for legend items to make the labels is next to the checkbox but I cannot find the solution.

So what should I do to do like that?

Regard,

Paul

ChartView

answered on 10 May 2017

5 answers

198 views

How to update styles for buttons on desktop alert

Hello,

I tried to update icons for: options, pin and close buttons just like attachment #1 then the background of 3 buttons always white although I tried many ways to change it (the result is attachment #2).

So what should I do to change these 3 buttons's icon?

3 sample icons have been attached in the attachment section

Regard,

Paul

DesktopAlert

answered on 10 May 2017

0 answers

81 views

Enter KeyDown only on column 1 or 2

How to firing enter key only on column 1 or 2 ...

have this code ...

Private Sub GridList_KeyDown(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyEventArgs) Handles GridList.KeyDown
If e.KeyCode = Keys.Enter Then
Msgbox "Enter KeyPress"

End If

End Sub

GridView

asked on 10 May 2017

2 answers

509 views

Rich Text Editor with custom ribbon / toolbar

Working with (trial) version 2017.2.502.40...

I'm trying to build a simple editor, but request is that users should be allowed to change only very few formatting details in the document: essentially

- just set bold on / off

- format text as list

- and set paragraph alignment

I've tried to customise the provided ribbon, but if I hide tabs, this results in holes between the remaining tabs.

I've been looking for a sample with a custom toolbar them, but cannot find any.

Any hints

TIA

RichTextEditor

answered on 09 May 2017

1 answer

241 views

error during adding columns in multicolumn combo box

cannot create an instance of

telerik.wincontrols.ui.gridviewdatacolumn because it is an abstract class

MultiColumn ComboBox

answered on 09 May 2017

6 answers

165 views

GridView are wrong to display child controls

Hi,

I use GridView and custom cell element, however it is wrong to display, please help me to resolve it!

My code and video demo below
+ Change page size -> scroll -> change form size to normal -> hide to task bar -> re-open from task bar -> wrong

+ video: https://youtu.be/8ytr-AFMzRc
+ my code:

public partial class RadForm1 : Telerik.WinControls.UI.RadForm

{

public RadForm1()

{

InitializeComponent();

this.ThemeName = "TelerikMetro";

this.WindowState = System.Windows.Forms.FormWindowState.Maximized;

var layer1 = new TableLayoutPanel();

layer1.Dock = DockStyle.Fill;

layer1.Location = new Point(0);

layer1.Margin = new Padding(0);

layer1.ColumnCount = 2;

layer1.ColumnStyles.Add(new ColumnStyle(SizeType.Absolute, 30F));

layer1.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 100F));

layer1.RowCount = 2;

layer1.RowStyles.Add(new RowStyle(SizeType.Absolute, 28F));

layer1.RowStyles.Add(new RowStyle(SizeType.Absolute, 0F));

layer1.AutoSize = true;

var label = new RadLabel();

label.Dock = DockStyle.Fill;

label.Text = @"Test grid view";

label.ThemeName = "TelerikMetro";

layer1.Controls.Add(label, 0, 0);

layer1.SetColumnSpan(label, 2);

var radGridView1 = new RadGridView

{

Dock = DockStyle.Fill,

AutoGenerateColumns = false,

AutoSizeColumnsMode = GridViewAutoSizeColumnsMode.Fill,

ThemeName = "TelerikMetroTouch",

AllowDeleteRow = false,

AllowAddNewRow = false,

// AllowEditRow = false,

EnableGrouping = false,

EnablePaging = true,

Margin = new Padding(5, 10, 5, 10),

PageSize = 10,

AllowColumnHeaderContextMenu = false,

AllowRowHeaderContextMenu = false

};

radGridView1.CreateCell += RadGridView1_CreateCell;

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 1", "Column 1")

{

HeaderText = @"",

ReadOnly = true,

Width = 280,

AllowSort = false,

AllowResize = false,

AllowReorder = false

});

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 2", "Column 2"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 3", "Column 3"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 4", "Column 4"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 5", "Column 5"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 6", "Column 6"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 7", "Column 7"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 8", "Column 8"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 9", "Column 9"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 10", "Column 10"));

radGridView1.Columns.Add(new GridViewMaskBoxColumn("col 11", "Column 11"));

RenderData(radGridView1);

GridViewUpdateHeight(radGridView1);

var layer2 = new TableLayoutPanel();

layer2.Dock = DockStyle.Fill;

layer2.Location = new Point(0);

layer2.Margin = new Padding(0);

layer2.ColumnCount = 1;

layer2.ColumnStyles.Add(new ColumnStyle(SizeType.Percent, 100F));

layer2.RowCount = 1;

layer2.RowStyles.Add(new RowStyle(SizeType.Absolute, radGridView1.Height));

layer2.AutoSize = true;

layer2.Controls.Add(radGridView1, 0, 0);

layer1.Controls.Add(layer2, 1, 1);

layer1.RowStyles[1].SizeType = SizeType.AutoSize;

Controls.Add(layer1);

}

private void GridViewUpdateHeight(RadGridView grid)

{

var actualRowCount = grid.RowCount < grid.PageSize ? grid.RowCount : grid.PageSize;

var height = actualRowCount * 40;

if (grid.AllowAddNewRow && !grid.ReadOnly)

{

height += grid.MasterView.TableAddNewRow.GetActualHeight(grid.TableElement);

}

if (grid.EnableFiltering)

{

height += grid.MasterView.TableFilteringRow.GetActualHeight(grid.TableElement);

}

if (grid.ShowColumnHeaders)

{

height += grid.MasterView.TableHeaderRow.GetActualHeight(grid.TableElement);

}

if (grid.EnablePaging)

{

height += 50;

}

height += 20; // horizontal scroll bar height

grid.Height = height;

}

private void RenderData(RadGridView radGridView1)

{

for (int k = 0; k < 100; k++)

{

GridViewDataRowInfo rowInfo = new GridViewDataRowInfo(radGridView1.MasterView);

rowInfo.Height = 40;

for (int i = 1; i < radGridView1.Columns.Count; i++)

{

rowInfo.Cells[i].Value = "Row: " + k + " - column: " + i;

}

radGridView1.Rows.Add(rowInfo);

}

private void RadGridView1_CreateCell(object sender, GridViewCreateCellEventArgs e)

{

if (e.Row is GridFilterRowElement)

return;

if (e.Column.Index == 0)

{

if (e.Row is GridTableHeaderRowElement && e.CellType == typeof(GridHeaderCellElement))

{

e.CellElement = new PageSizeDropdownHeaderCellElement(e.Column, e.Row);

}

if (e.Row is GridDataRowElement)

{

var actionCellElement = new ActionCellElement(e.Column, e.Row);

e.CellElement = actionCellElement;

}

public sealed class PageSizeDropdownHeaderCellElement : GridHeaderCellElement

{

public PageSizeDropdownHeaderCellElement(GridViewColumn col, GridRowElement row) : base(col, row)

{

TextAlignment = ContentAlignment.TopCenter;

Alignment = ContentAlignment.TopCenter;

AutoSizeMode = RadAutoSizeMode.FitToAvailableSize;

}

private RadDropDownListElement _dropDownListElement;

protected override void CreateChildElements()

{

base.CreateChildElements();

if (_dropDownListElement?.DataSource == null)

{

_dropDownListElement = new RadDropDownListElement();

_dropDownListElement.BindingContext = new BindingContext();

_dropDownListElement.DropDownStyle = Telerik.WinControls.RadDropDownStyle.DropDownList;

_dropDownListElement.Items.Clear();

_dropDownListElement.Items.Add(new RadListDataItem("10", 10) { Selected = true });

_dropDownListElement.Items.Add(new RadListDataItem("25", 25));

_dropDownListElement.Items.Add(new RadListDataItem("50", 50));

_dropDownListElement.Items.Add(new RadListDataItem("100", 100));

_dropDownListElement.Items.Add(new RadListDataItem("All", -1));

_dropDownListElement.Margin = new Padding(15, 0, 0, 0);

_dropDownListElement.StretchHorizontally = true;

_dropDownListElement.NotifyParentOnMouseInput = false;

_dropDownListElement.Popup.MouseClick -= Popup_MouseClick;

_dropDownListElement.Popup.MouseClick += Popup_MouseClick;

_dropDownListElement.PopupClosed -= _dropDownListElement_PopupClosed;

_dropDownListElement.PopupClosed += _dropDownListElement_PopupClosed;

_dropDownListElement.FitToSizeMode = RadFitToSizeMode.FitToParentPadding;

_dropDownListElement.AutoSizeMode = RadAutoSizeMode.FitToAvailableSize;

_dropDownListElement.AutoSize = true;

this.Children.Add(_dropDownListElement);

}

private RadListVisualItem _elementUnderMouse;

private void Popup_MouseClick(object sender, MouseEventArgs e)

{

_elementUnderMouse = _dropDownListElement.Popup.ElementTree.GetElementAtPoint(e.Location) as RadListVisualItem;

}

private void _dropDownListElement_PopupClosed(object sender, RadPopupClosedEventArgs args)

{

if (_elementUnderMouse == null)

{

return;

}

if (_dropDownListElement.SelectedIndex == -1)

return;

var pageSize = Convert.ToInt32(_elementUnderMouse.Data.Value);

if (pageSize == -1)

{

pageSize = GridControl.RowCount < 1000 ? 1000 : GridControl.RowCount;

}

// Backup selected pageSize and re-select when re-render grid view

RowInfo.Tag = pageSize;

GridControl.PageSize = pageSize;

_elementUnderMouse = null;

}

protected override void SetContentCore(object value)

{

if (_dropDownListElement != null && RowInfo?.Tag != null)

{

this._dropDownListElement.SelectedValue = (int)RowInfo.Tag;

}

public override bool IsCompatible(GridViewColumn data, object context)

{

return context is GridTableHeaderRowElement;

}

protected override Type ThemeEffectiveType => typeof(GridHeaderCellElement);

}

public sealed class ActionCellElement : GridDataCellElement

{

#region Public Delegates

public delegate void EventHandler(object sender, EventArgs e);

#endregion Public Delegates

#region Public Events

public event EventHandler OnSelectedRecord;

public event EventHandler OnUnSelectedRecord;

#endregion Public Events

#region Private Fields

public GridViewCheckBoxElement CheckBoxElement;

public RadButtonElement BtnFlag;

public RadButtonElement BtnTimeCircle;

#endregion Private Fields

private readonly RadOffice2007ScreenTipElement _screenTip;

#region Public Constructors

public ActionCellElement(GridViewColumn column, GridRowElement row) : base(column, row)

{

Name = "ActionCell_" + RowIndex;

Text = string.Empty;

_screenTip = new RadOffice2007ScreenTipElement();

_screenTip.MainTextLabel.Padding = new Padding(2);

_screenTip.CaptionLabel.Padding = new Padding(2);

_screenTip.CaptionLabel.Text = @"<html><color=red>Created Date";

BtnTimeCircle.ScreenTip = _screenTip;

}

#endregion Public Constructors

public void SetFlagImage(GridViewRowInfo rowInfo = null)

{

if (rowInfo != null)

{

RowInfo = rowInfo;

}

#region Protected Methods

protected override SizeF ArrangeOverride(SizeF finalSize)

{

SizeF size = base.ArrangeOverride(finalSize);

RectangleF clientRect = GetClientRectangle(finalSize);

float marginX = 4;

float width = clientRect.Width - (Children.Count + 1) * 4;

foreach (RadElement element in this.Children)

{

var btnWidth = width / Children.Count;

element.Arrange(new RectangleF(

marginX,

clientRect.Top + 2,

btnWidth,

clientRect.Height - 4));

marginX += btnWidth + 4;

}

return size;

}

protected override void CreateChildElements()

{

BtnFlag = new GridViewButtonElement(GetChildElementName("btnFlag"), Resources.USDA_icon_RedFlag);

BtnTimeCircle = new GridViewButtonElement(GetChildElementName("btnTimeCircle"), Resources.USDA_icon_TimeCircle);

CheckBoxElement = new GridViewCheckBoxElement(GetChildElementName("chkBoxItem"));

CheckBoxElement.ToggleState = ToggleState.Off;

CheckBoxElement.AutoSizeMode = RadAutoSizeMode.FitToAvailableSize;

BtnTimeCircle.AutoSizeMode = RadAutoSizeMode.FitToAvailableSize;

BtnFlag.AutoSizeMode = RadAutoSizeMode.FitToAvailableSize;

Children.Clear();

Children.Add(CheckBoxElement);

Children.Add(BtnFlag);

Children.Add(BtnTimeCircle);

}

#endregion Protected Methods

#region Private Methods

private string GetChildElementName(string elementName)

{

return elementName;

}

#endregion Private Methods

}

public sealed class GridViewCheckBoxElement : RadCheckBoxElement

{

public bool MultiSelect { get; set; }

public GridViewCheckBoxElement(string name, string text = null)

{

DisplayStyle = DisplayStyle.Text;

Name = name;

Text = text;

Alignment = ContentAlignment.MiddleCenter;

ShowBorder = false;

BackColor = Color.White;

CheckAlignment = ContentAlignment.MiddleCenter;

TextAlignment = ContentAlignment.MiddleCenter;

MultiSelect = false;

}

public sealed class GridViewButtonElement : RadButtonElement

{

public GridViewButtonElement(string name, Image image = null, string text = null)

{

if (image != null)

{

Image = ResizeImage(image, 25, 25);

ImageAlignment = ContentAlignment.MiddleCenter;

}

DisplayStyle = image != null && string.IsNullOrWhiteSpace(text)

? DisplayStyle.ImageAndText

: image != null

? DisplayStyle.Image

: DisplayStyle.Text;

Name = name;

Text = text;

Alignment = ContentAlignment.MiddleCenter;

ShowBorder = false;

BackColor = Color.White;

}

private Bitmap ResizeImage(Image image, int width, int height)

{

var destRect = new Rectangle(0, 0, width, height);

var destImage = new Bitmap(width, height);

destImage.SetResolution(image.HorizontalResolution, image.VerticalResolution);

using (var graphics = Graphics.FromImage(destImage))

{

graphics.CompositingMode = CompositingMode.SourceCopy;

graphics.CompositingQuality = CompositingQuality.HighQuality;

graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;

graphics.SmoothingMode = SmoothingMode.HighQuality;

graphics.PixelOffsetMode = PixelOffsetMode.HighQuality;

using (var wrapMode = new ImageAttributes())

{

wrapMode.SetWrapMode(WrapMode.TileFlipXY);

graphics.DrawImage(image, destRect, 0, 0, image.Width, image.Height, GraphicsUnit.Pixel, wrapMode);

}

return destImage;

}

Thanks,

Paul.

GridView

answered on 09 May 2017

2 answers

613 views

Events Not Firing

I cannot get any Events to Fire for radGridView (C#).

Examples:

private void radGridView1_Click(object sender, EventArgs e)
{
MessageBox.Show("Event Fired");
}
void radGridView1_CellValueChanged(object sender, GridViewCellEventArgs e)
{
MessageBox.Show("Event Fired");
}

Is there a missing reference or something?

GridView

answered on 08 May 2017

3 answers

566 views

How to adjust RadGridView child table row height?

For parent row is like below
RadGridView .TableElement.RowHeight = 100;

How to adjust RadGridView ChildRowHeight?
Its does not work after set.
RadGridView.TableElement.ChildRowHeight = 100;

How to adjust child table row height?

Please refer the picture from attachment.
http://www.telerik.com/ClientsFiles/375753_ChildRowHeight.png

GridView

answered on 05 May 2017

12 answers

318 views

GridViewComboBoxColumn that displays only icons/images

Hi,

I need to add a GridViewComboBoxColumn to my Grid that displays a list of icons (phone icon, person icon etc). The icons are stored in the project Resources or in an imagelist. The documentation suggests only text can be displayed. I can't find any code on how to do this.

Thanks,

Terry.

GridView

answered on 04 May 2017

8 answers

170 views

PivotGrid - Conditional Formatting (Sort of...)

Please see the attached image. Can someone explain to me how to have the forecolor of the text, currently shown in red, to only display as red if the Source <> Employee? In the image, only one employees hours / units should be displayed in red (the employee whose source = Third Party).

Apologies to admins for the double posting, but my deadline to complete this requirement is running out.

Can someone please offer some advice? Surely this scenario has come up before.

Thanks in advance.

PivotGrid and PivotFieldList