This is a migrated thread and some comments may be shown as answers.

CommandBarButton Display Issue

3 Answers 52 Views
CommandBar
This is a migrated thread and some comments may be shown as answers.
Ben
Top achievements
Rank 1
Ben asked on 27 Feb 2018, 05:13 PM

Hello,

I'm using 2018 SP1.  It looks like the CommandBarButton is displaying improperly when disabled.  I have the TextImageRelation set to ImageBeforeText but when disabled it puts a blank square on the right side.  Changing the TextImageRelation to TextBeforeImage makes it display properly.  Is there any way to work around this?

3 Answers, 1 is accepted

Sort by
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 28 Feb 2018, 11:09 AM
Hello, Ben, 

Thank you for writing.  

Following the provided information, I was unable to reproduce the issue you are facing.  I have attached my sample project. Could you please specify the exact steps how to reproduce the problem? Alternatively, feel free to modify it in a way to reproduce the experienced issue and get back to me with it so I can investigate the precise case. Thank you in advance. 

I am looking forward to your reply.

Regards,
Dess
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Ben
Top achievements
Rank 1
answered on 28 Feb 2018, 06:24 PM
Thank you, I was able to compare the designer code to my project and diagnose this.

In your project, you will see a similar behavior if you set commandBarRowElement1.UseCompatibleTextRendering to false.

This was set by using the "Convert to Telerik Controls" menu option on a winforms ToolStrip.  Here is the designer code that was converted:

// 
// toolStrip1
// 
this.toolStrip1.Enabled = false;
this.toolStrip1.GripStyle = System.Windows.Forms.ToolStripGripStyle.Hidden;
this.toolStrip1.Items.AddRange(new System.Windows.Forms.ToolStripItem[] {
this.tsbPrevious,
this.tsbNext,
this.toolStripSeparator1,
this.tsbAdd,
this.tsbModify,
this.tsbDelete,
this.tsbSave});
this.toolStrip1.Location = new System.Drawing.Point(0, 0);
this.toolStrip1.Name = "toolStrip1";
this.toolStrip1.Size = new System.Drawing.Size(776, 25);
this.toolStrip1.TabIndex = 0;
this.toolStrip1.Text = "toolStrip1";

I'm seeing lines similar to this all over the project:

this.toolStrip1commandBarRowElement1.DisabledTextRenderingHint = System.Drawing.Text.TextRenderingHint.SystemDefault;
this.toolStrip1commandBarRowElement1.TextRenderingHint = System.Drawing.Text.TextRenderingHint.SystemDefault;
this.toolStrip1commandBarRowElement1.UseCompatibleTextRendering = false;

What purpose do these serve?
0
Accepted
Dess | Tech Support Engineer, Principal
Telerik team
answered on 01 Mar 2018, 01:32 PM
Hello, Ben, 

Thank you for writing.  

The provided information is greatly appreciated. I have logged it in our feedback portal. You can track its progress, subscribe for status changes and add your comments on the following link - feedback item.

I have also updated your Telerik points.

Currently, due to the specificity of the issue set the UseCompatibleTextRendering property to true.

I hope this information helps. Should you have further questions I would be glad to help. 
 
 Regards,
Dess
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
CommandBar
Asked by
Ben
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Ben
Top achievements
Rank 1
Share this question
or