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

raddock tabbed icon alignment

1 Answer 109 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Marcus
Top achievements
Rank 1
Marcus asked on 06 Apr 2014, 08:17 AM
Helloes,im new to telerik as im a designer recently joined a group of c# coders and  such
im working on a certain software tabs which has similarities to google chrome tab design...i.e icon to the left and Close button to the right...however i cannot manage to align the icon to the left...
if you would be so kind to explain if its possible within Teleriks abilities ill be greatful. :)
im using Telerik Q3 2013 
thank you in advance :)
ps 
anything ive done has resulted in both close and icon to the right,but my text is right to left as im working on an arabic software,and i dont want both the icon of the tab and the close button to its right...

1 Answer, 1 is accepted

Sort by
0
Dess | Tech Support Engineer, Principal
Telerik team
answered on 09 Apr 2014, 03:09 PM
Hello Marcus,

Thank you for writing.

In order to achieve the desired image alignment, it is necessary to set the DocumentWindow.TabStripItem.TextImageRelation property to TextImageRelation.ImageBeforeText:
public Form1()
{
    InitializeComponent();
 
    this.radDock1.ShowDocumentCloseButton = true;
    foreach (DocumentWindow document in this.radDock1.DockWindows.DocumentWindows)
    {
        document.TabStripItem.TextImageRelation = TextImageRelation.ImageBeforeText;
        document.Image = Properties.Resources.new_file;
    }
}

I hope this information helps. Should you have further questions, I would be glad to help.

Regards,
Desislava
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Dock
Asked by
Marcus
Top achievements
Rank 1
Answers by
Dess | Tech Support Engineer, Principal
Telerik team
Share this question
or