Columns show as rows

5 posts, 1 answers
  1. Al
    Al avatar
    203 posts
    Member since:
    Oct 2006

    Posted 01 Dec 2014 Link to this post

    Hi,
    Perhaps I don't understand this control but the code below produces two buttons one below the other but I'd expect the buttons to be next to each other?

    <telerik:RadPageLayout ID="RadPageLayout1" runat="server" >
        <Rows>
            <telerik:LayoutRow ID="LayoutRow2" runat="server" AccessKey="" HiddenLg="False" HiddenMd="False" HiddenSm="False" HiddenXl="False" HiddenXs="False" HtmlTag="Div" RowType="Row" ToolTip="" WrapperHtmlTag="None">
                <Columns>
                    <telerik:LayoutColumn ID="LayoutColumn3" runat="server" AccessKey="" HiddenLg="False" HiddenMd="False" HiddenSm="False" HiddenXl="False" HiddenXs="False" HtmlTag="Div" Offset="-1" OffsetLg="-1" OffsetMd="-1" OffsetSm="-1" OffsetXl="-1" OffsetXs="-1" Pull="-1" PullLg="-1" PullMd="-1" PullSm="-1" PullXl="-1" PullXs="-1" Push="-1" PushLg="-1" PushMd="-1" PushSm="-1" PushXl="-1" PushXs="-1" Span="12" SpanLg="0" SpanMd="0" SpanSm="0" SpanXl="0" SpanXs="0" ToolTip="">
                        <telerik:RadButton ID="RadButton2" runat="server" Text="RadButton"></telerik:RadButton>   
                    </telerik:LayoutColumn>
                    <telerik:LayoutColumn ID="LayoutColumn4" runat="server" AccessKey="" HiddenLg="False" HiddenMd="False" HiddenSm="False" HiddenXl="False" HiddenXs="False" HtmlTag="Div" Offset="-1" OffsetLg="-1" OffsetMd="-1" OffsetSm="-1" OffsetXl="-1" OffsetXs="-1" Pull="-1" PullLg="-1" PullMd="-1" PullSm="-1" PullXl="-1" PullXs="-1" Push="-1" PushLg="-1" PushMd="-1" PushSm="-1" PushXl="-1" PushXs="-1" Span="12" SpanLg="0" SpanMd="0" SpanSm="0" SpanXl="0" SpanXs="0" ToolTip="">
                        <telerik:RadButton ID="RadButton1" runat="server" Text="RadButton"></telerik:RadButton>   
                    </telerik:LayoutColumn>
                </Columns>
            </telerik:LayoutRow>
        </Rows>
    </telerik:RadPageLayout>

  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 01 Dec 2014 Link to this post

    Hello Al,

    The RadPageLayout uses grid system for displaying the layout. The maximum number of columns is 12. The span attribute sets the size (or width) of a column, so the sum of the values for all spans in a single row can be up to 12 units. If you would like to make the buttons to be next to each other, please set smaller values to he Span attributes of the columns, so the sum will be up to 12.

    Regards,
    Magdalena
    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Al
    Al avatar
    203 posts
    Member since:
    Oct 2006

    Posted 01 Dec 2014 in reply to Magdalena Link to this post

    Thanks Magdalena, I understand and I have it working fine now in the browser. In design view it doesn't display correctly though - should it?
  5. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 02 Dec 2014 Link to this post

    Hello Alwin,

    Actually this is a limitation of the RadPageLayout and it is not possible to implement this functionality for this moment.

    Regards,
    Magdalena
    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.

     
  6. Answer
    Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 02 Dec 2014 Link to this post

    Hello Al,

    Actually this is a limitation of the RadPageLayout and it is not possible to implement this functionality for this moment.

    Regards,
    Magdalena
    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017