RibbonBar inside table

[Caesar]

Hi,

I am trying to put a RibbonBar inside a table cell. The reason for this is that
I want to put things to the right of the ribbonbar.
When I run the page the RibbonBar is not sized correctly. It is too small and
all buttons is not visible.

I can not set any width in pixels, the content is dynamic.

Does anyone know if it is possible to put a ribbonbar inside a table cell?

<table width="100%" cellpadding="0" cellspacing="0" border="0">

        <tr>

            <td >

                <telerik:RadRibbonBar ID="RadRibbonBar1" runat="server"  Skin="Office2007">

                    <telerik:RibbonBarTab Text="Home">

                        <telerik:RibbonBarGroup >

                            <Items>                            

                                <telerik:RibbonBarButton Size="Medium" Text="Cut"  />

                                <telerik:RibbonBarButton Size="Medium" Text="Copy"  />                             

                            </Items>

                        </telerik:RibbonBarGroup>

                        <telerik:RibbonBarGroup >

                            <Items>                            

                                <telerik:RibbonBarButton Size="Medium" Text="Cut" />

                                <telerik:RibbonBarButton Size="Medium" Text="Copy"  />                             

                            </Items>

                        </telerik:RibbonBarGroup>

                        <telerik:RibbonBarGroup >

                            <Items>                            

                                <telerik:RibbonBarButton Size="Medium" Text="Cut" />

                                <telerik:RibbonBarButton Size="Medium" Text="Copy"  />                             

                            </Items>

                        </telerik:RibbonBarGroup>

                        <telerik:RibbonBarGroup >

                            <Items>                            

                                <telerik:RibbonBarButton Size="Medium" Text="Cut"  />

                                <telerik:RibbonBarButton Size="Medium" Text="Copy" />                              

                            </Items>

                        </telerik:RibbonBarGroup>

                        <telerik:RibbonBarGroup >

                            <Items>                            

                                <telerik:RibbonBarButton Size="Medium" Text="Cut"  />

                                <telerik:RibbonBarButton Size="Medium" Text="Copy"  />                             

                            </Items>

                        </telerik:RibbonBarGroup>

                    </telerik:RibbonBarTab>

                </telerik:RadRibbonBar>

            </td>

            <td style="background: red;">

                Right cell

            </td>

        </tr>

    </table>

[Kate]

Hello Caesar,

You can use the following css class selectors to align the tab and the group of the RadRibbonBar to the right:

<style type="text/css">
        /*position the Tab to the right*/
        div.RadRibbonBar .rrbTab
        {
            float: right;
        }
        /*position the Group to the right*/
        div.RadRibbonBar .rrbButtonAreaIn
        {
            float: right;
        }
    </style>

All the best,
Kate
the Telerik team

[Caesar]

Seems like you have to set a fixed size to the ribbonbar if you want to put things to the right of it.