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

RibbonBar inside table

2 Answers 29 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
Caesar
Top achievements
Rank 1
Caesar asked on 03 Aug 2011, 09:03 AM
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>

2 Answers, 1 is accepted

Sort by
0
Kate
Telerik team
answered on 08 Aug 2011, 12:59 PM
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

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Caesar
Top achievements
Rank 1
answered on 09 Aug 2011, 02:27 PM
Seems like you have to set a fixed size to the ribbonbar if you want to put things to the right of it.
Tags
RibbonBar
Asked by
Caesar
Top achievements
Rank 1
Answers by
Kate
Telerik team
Caesar
Top achievements
Rank 1
Share this question
or