CommandBarButton Display Issue

4 posts, 1 answers
  1. Ben
    Ben avatar
    2 posts
    Member since:
    Sep 2011

    Posted 27 Feb 2018 Link to this post

    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?

  2. Dess | Tech Support Engineer, Sr.
    Admin
    Dess | Tech Support Engineer, Sr.  avatar
    3331 posts

    Posted 28 Feb 2018 Link to this post

    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.
  3. Ben
    Ben avatar
    2 posts
    Member since:
    Sep 2011

    Posted 28 Feb 2018 in reply to Dess | Tech Support Engineer, Sr. Link to this post

    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?
  4. Answer
    Dess | Tech Support Engineer, Sr.
    Admin
    Dess | Tech Support Engineer, Sr.  avatar
    3331 posts

    Posted 01 Mar 2018 Link to this post

    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.
Back to Top