Questions on UI for WinForms Forum

3 answers

1.0K+ views

mouse hover

Hi Admin,

MouseHover - I want to open the one of form and once the mouse is moved away the form closes

Please tell to me how to do like that?

Thanks,

Moe

GridView

answered on 11 Sep 2019

1 answer

372 views

Virtual Grid Populating Custom Columns, Custom Filter

Dear Admins.

I was Using the following code for populating radGridView. But it was little bit slower (items Count was more then 40,000)

BindingSource source = new BindingSource

{

//GetItemTable Return the DataTable

DataSource = _ItemRepository.GetItemTable()

};

radGridView1.MasterTemplate.DataSource = source;

Then i give a try to use VirtualGrid (By using the Example given in the Documentation), to check the performance difference.it is good.

I have some question regarding presentation/ populating of VirtualGrid.

The ItemClass is used to populate the VirtualGrid have 15 columns(Attributes),

I want to load only some of them, Locating at different Column Numbers not in Sequence. Like i have Column Number from 1...15, I want to display only 1,3,6,10th Column Numbers(Index Numbers).
How to Hide any Column which is already populated in the Grid.
I want to make custom filter functionality. I Have a Text Box above the VirtualGrid. I want to use that TextBox to apply the Filter on the Grid by Typing the Item Name, and Grid filter the Number of items according the typed text and display in the grid.
How to Clear VirtualGrid rows.

I can use these functionalities by using the radGridView, but due to performance i want to use Virtual Grid.

I have achieved this behavior using the Microsoft DataGridView. But due to Conversion. I want to use all the controls only from telerik. (Using R2 2019 SP1)

If possible any working example will be appreciated.

VirtualGrid

answered on 11 Sep 2019

4 answers

380 views

Apply Theme to Open Folder Dialog

Hi *,

I follow the docs and use

InitializeComponent(); ThemeResolutionService.ApplicationThemeName = "CrystalDark"; 

Unfortunately my open file Dialog does not accept the theme I set for the application.

Questions:

- is this a right way to set app theme in the ctor of main window (after Initialize component of Course)?

- I would like to use a new folder select dialog by Rad Browse Editor. How to do this?

Thanks a lot

Rostislaw

Form

answered on 10 Sep 2019

3 answers

273 views

Issue on RadMaskedEditBox

Hi,

We are using RadMaskedEditBox. We have set the mask - (###) ###-#### &&&&&&&&&& & masktype as Standard. The issue which we are facing in this is it is allowing to type the values in the middle of the mask. Can you please suggest a method to restrict it? It should allow me to type from beginning to end. Video link mentioned below for your reference.

Video link

MaskedEditBox

answered on 10 Sep 2019

0 answers

123 views

tiles fade-in effect

Greetings,

Using the Panorama control , it is possible to design panels similar to Windows start menu panel. But I It would be even better if there had been a fade-in effect for tiles when appearing for the first time. I attached a gif image that I recorded from my Windows 8.1 start menu panel to illustrate what I'm talking about.

P.S I tried making tiles invisible and then making them visible one by one , like every 10 milliseconds, through rows and columns of groups in the control. Not bad, but changing visibility this way isn't smooth as the fade-in effect .

Any trick ?

Panorama

asked on 10 Sep 2019

2 answers

235 views

radTextBox Icon display

Dear Admins.

I want to Display icon in RadTextBox.

Found the solution on this link.

How can i do this at Design Time.

TextBox

answered on 09 Sep 2019

5 answers

434 views

Customized ListViewItem align problems and others

Hey guys, I'm using RadListView with Customized Items and I have some problems that I need help, please check Image attached

this is my custom item class:

class MensagensCustomListView : SimpleListViewVisualItem

{

LightVisualElement tituloElement;

LightVisualElement descricaoElement;

LightVisualElement textoImageDestaqueElement;

LightVisualElement nossoObterElement;

LightVisualElement fecharElement;

StackLayoutPanel stackLayout;

private void Elemento_MouseLeave(object sender, EventArgs e)

{

BackColor = Color.Transparent;

BorderColor = Color.FromArgb(221, 221, 221);

fecharElement.Visibility = ElementVisibility.Hidden;

}

private void Elemento_MouseEnter(object sender, EventArgs e)

{

BackColor = Color.White;

BorderColor = Color.Black; this.BorderGradientStyle = GradientStyles.Solid;

var bound = Data.DataBoundItem as notificacao_model;

if (bound.pode_fechar_notificacao)

fecharElement.Visibility = ElementVisibility.Visible;

else

fecharElement.Visibility = ElementVisibility.Hidden;

}

protected override void CreateChildElements()

{

base.CreateChildElements();

stackLayout = new StackLayoutPanel

{

Orientation = System.Windows.Forms.Orientation.Vertical,

ShouldHandleMouseInput = false,

NotifyParentOnMouseInput = true,

};

textoImageDestaqueElement = new LightVisualElement

{

Font = new Font("Segoe UI", 8, FontStyle.Italic, GraphicsUnit.Point),

ForeColor = Color.Gray,

TextAlignment = ContentAlignment.MiddleLeft,

Margin = new System.Windows.Forms.Padding(1, 3, 0, 0),

Text = "Destaque",

ShouldHandleMouseInput = false,

NotifyParentOnMouseInput = true,

Visibility = ElementVisibility.Collapsed,

};

stackLayout.Children.Add(textoImageDestaqueElement);

var stackLayoutHorizontal = new StackLayoutPanel

{

ShouldHandleMouseInput = false,

NotifyParentOnMouseInput = true,

Orientation = Orientation.Horizontal

};

tituloElement = new LightVisualElement

{

TextAlignment = System.Drawing.ContentAlignment.MiddleLeft,

TextWrap = true,

Margin = new System.Windows.Forms.Padding(3, 1, 3, 1),

Font = new System.Drawing.Font("Segoe UI", 9, System.Drawing.FontStyle.Bold, System.Drawing.GraphicsUnit.Point),

ForeColor = System.Drawing.Color.FromArgb(51, 3, 0),

StretchHorizontally = true,

ShouldHandleMouseInput = false,

NotifyParentOnMouseInput = true,

};

stackLayoutHorizontal.Children.Add(tituloElement);

fecharElement = new LightVisualElement

{

Font = new System.Drawing.Font("Arial", 10, System.Drawing.FontStyle.Bold, System.Drawing.GraphicsUnit.Point),

ForeColor = System.Drawing.Color.Black,

Text = "x",

StretchHorizontally = false,

DisableHTMLRendering = false,

BackColor = Color.FromArgb(230, 230, 230),

EnableHighlight = true,

HighlightColor = Color.FromArgb(240, 240, 240),

Padding = new Padding(5, 2, 5, 2),

DrawFill = true,

ToolTipText = "Fechar Mensagem",

NumberOfColors = 1,

Visibility = ElementVisibility.Collapsed,

};

fecharElement.MouseEnter += Elemento_MouseEnter;

fecharElement.MouseLeave += Elemento_MouseLeave;

fecharElement.Click += FecharElement_Click;

stackLayoutHorizontal.Children.Add(fecharElement);

stackLayout.Children.Add(stackLayoutHorizontal);

descricaoElement = new LightVisualElement

{

TextAlignment = System.Drawing.ContentAlignment.MiddleLeft,

Margin = new System.Windows.Forms.Padding(3, 1, 3, 1),

Font = new System.Drawing.Font("Segoe UI", 8, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point),

ForeColor = System.Drawing.Color.FromArgb(60, 60, 60),

ShouldHandleMouseInput = false,

NotifyParentOnMouseInput = true,

};

stackLayout.Children.Add(descricaoElement);

nossoObterElement = new LightVisualElement

{

Margin = new System.Windows.Forms.Padding(190, 5, 3, 0),

Font = new System.Drawing.Font("Segoe UI", 8, FontStyle.Regular, System.Drawing.GraphicsUnit.Point),

ForeColor = Color.FromArgb(153, 153, 153),

Text = "Mensagem da Obter",

ShouldHandleMouseInput = false,

NotifyParentOnMouseInput = true,

};

stackLayout.Children.Add(nossoObterElement);

Children.Add(stackLayout);

Margin = new Padding(6, 0, 0, 0);

Padding = new System.Windows.Forms.Padding(1);

BackColor = Color.FromArgb(245, 245, 245);

BorderColor = Color.FromArgb(221, 221, 221);

BorderGradientStyle = GradientStyles.Solid;

DrawBorder = true;

DrawFill = true;

Shape = new RoundRectShape

{

BottomLeftRounded = true,

BottomRightRounded = true,

TopLeftRounded = true,

TopRightRounded = true,

Radius = 3

};

this.MouseEnter += Elemento_MouseEnter;

this.MouseLeave += Elemento_MouseLeave;

//SetMouseEnterLeave(stackLayout, stackLayoutHorizontal, textoImageDestaqueElement, tituloElement, descricaoElement, nossoObterElement, fecharElement, this);

}

private void FecharElement_Click(object sender, EventArgs e)

{

var bound = Data.DataBoundItem as notificacao_model;

Data.ListView.Items.Remove(Data);

this.Visibility = ElementVisibility.Collapsed;

if (bound != null)

{

bound.notificacao_fechada = true;

bound.OnFechar();

}

protected override void SynchronizeProperties()

{

var bound = Data.DataBoundItem as notificacao_model;

if (bound != null)

{

tituloElement.Text = bound.titulo;

if (bound.descricao.IsNotNullOrEmpty())

{

descricaoElement.Visibility = ElementVisibility.Visible;

descricaoElement.Text = bound.descricao;

}

else

descricaoElement.Visibility = ElementVisibility.Collapsed;

if (bound.destaque == true)

{

textoImageDestaqueElement.DrawImage = true;

textoImageDestaqueElement.Visibility = ElementVisibility.Visible;

if (textoImageDestaqueElement.Image == null)

textoImageDestaqueElement.Image = new Bitmap(Properties.Resources.favicon.ToBitmap(), new Size(16, 16));

}

else

textoImageDestaqueElement.Visibility = ElementVisibility.Collapsed;

if (bound.mensagem_da_obter)

nossoObterElement.Visibility = ElementVisibility.Visible;

else

nossoObterElement.Visibility = ElementVisibility.Collapsed;

}

ListView

answered on 06 Sep 2019

1 answer

203 views

Grid Group

How progamming grouping colum in radgridview?
I have this grid (picture "grid_now.jpg")
Need to do (picture "grid_needow.jpg")

Programm code :

this.columnGroupsView = new ColumnGroupsViewDefinition(); this.columnGroupsView.ColumnGroups.Add(new GridViewColumnGroup("group1")); this.columnGroupsView.ColumnGroups[0].Groups.Add(new GridViewColumnGroup("h1")); this.columnGroupsView.ColumnGroups[0].Groups[0].Rows.Add(new GridViewColumnGroupRow()); this.columnGroupsView.ColumnGroups[0].Groups[0].Rows[0].ColumnNames.Add("column1"); this.columnGroupsView.ColumnGroups.Add(new GridViewColumnGroup("group2")); this.columnGroupsView.ColumnGroups[1].Groups.Add(new GridViewColumnGroup("h1")); this.columnGroupsView.ColumnGroups[1].Groups[0].Rows.Add(new GridViewColumnGroupRow()); this.columnGroupsView.ColumnGroups[1].Groups[0].Rows[0].ColumnNames.Add("column2"); this.columnGroupsView.ColumnGroups[1].Groups[0].Rows.Add(new GridViewColumnGroupRow()); this.columnGroupsView.ColumnGroups[1].Groups[0].Rows[1].ColumnNames.Add("column3"); this.radGridView1.ViewDefinition = columnGroupsView; 

not work(

GridView

answered on 06 Sep 2019

3 answers

366 views

Keep raddock toolwindows equal size when resizing application window

I have 3 vertical tool windows inside a dock that fills the window. I have all set as relative sizing. It works great when I resize smaller. When I increase the application window size, the tool windows do not increase in width. How can I fill the dock window when I enlarge?

GridView