Backstage command tabs manual sizing

5 posts, 0 answers
  1. pierre-jean
    pierre-jean avatar
    35 posts
    Member since:
    Apr 2011

    Posted 31 Jan Link to this post

    I develop an WinForms application with the RadRibonForm.

    In the Ribon I have  command tabs in which I display only an image and no text. In order to add some space between the TabsI have tried to disable autosize and specify manually the width of the tabs. If I set manually the size of all the tabs they disapear completely at run time ... If I leave one Tab in autosize then I see them correctly (with the exception of the Tab in autosize which is too narrow)

    How can I solve this issue ?

     

    thanks in advance

  2. Dimitar
    Admin
    Dimitar avatar
    1871 posts

    Posted 01 Feb Link to this post

    Hi Pierre-jean,

    You just need to set the Padding/Margin of each tab (see attached image).

    Should you have any other questions do not hesitate to ask.

    Regards,
    Dimitar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  3. pierre-jean
    pierre-jean avatar
    35 posts
    Member since:
    Apr 2011

    Posted 01 Feb Link to this post

    Thanks

    Having set the size of all tabItems size to 64x40 (the image is 32x32) and the padding to (10;3;10;3) then the horizontal positions are correctly set,

    however if I set all tabs to autosize=false, the tabs are moved vertically and are partially above the title bar. If I set the last tab to autosize the vertical position is correct.

    regards

    PJ Pralong

  4. Dimitar
    Admin
    Dimitar avatar
    1871 posts

    Posted 01 Feb Link to this post

    Hello PJ,

    You need to leave the AutoSize to true. If you need to set a specific size you can use the MinSize property. 

    I hope this will be useful. 

    Regards,
    Dimitar
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. pierre-jean
    pierre-jean avatar
    35 posts
    Member since:
    Apr 2011

    Posted 01 Feb Link to this post

    Thanks it is clear

    Best Regards

    PJ Pralong

Back to Top