raddock tabbed icon alignment

2 posts, 0 answers
  1. Marcus
    Marcus avatar
    1 posts
    Member since:
    Apr 2014

    Posted 06 Apr 2014 Link to this post

    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 :)
    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...
  2. Dess | Tech Support Engineer, Sr.
    Dess | Tech Support Engineer, Sr.  avatar
    4170 posts

    Posted 09 Apr 2014 Link to this post

    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()
        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.


    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.

Back to Top