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

split components

3 Answers 100 Views

TabControl

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

This question is locked. New answers and comments are not allowed.

guy asked on 27 Dec 2010, 10:43 AM

hi ,
i have tab control & scheduler

<Grid.RowDefinitions>

<RowDefinition Height="*" />

</Grid.RowDefinitions>

<telerik:RadScheduler Name="radScheduler1"

VerticalAlignment="Top" ViewMode="Week" IsReadOnly="false"

AppointmentEditing="radScheduler1_AppointmentEditing" AppointmentDeleting="radScheduler1_AppointmentDeleting"

HorizontalContentAlignment="Stretch" AppointmentEdited="radScheduler1_AppointmentEdited" IsInlineEditingEnabled="True" Grid.RowSpan="3" AllDayAreaHeight="50">

</telerik:RadScheduler>

<telerik:RadTabControl Grid.Row="3" Name="GeneralTabControl" SelectionChanged="RadTabControl_SelectionChanged">

<telerik:RadTabItem Name="Items" Header="Sales action items">

<telerik:RadGridView FlowDirection="LeftToRight" SelectionMode="Single" AutoGenerateColumns="False" telerik:StyleManager.Theme="Simple" Name="SalesActionItems" VerticalAlignment="Stretch" IsReadOnly="True" RowLoaded="SalesActionItems_RowLoaded" Grid.Row="1" >

<telerik:RadGridView.Columns>

<telerik:GridViewDataColumn DataMemberBinding="{Binding fullname}" HeaderCellStyle="{StaticResource Salesname}" Header="Full Name" />

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem>

<telerik:RadTabItem Name="Customer" Header="Customers">

<telerik:RadGridView VerticalAlignment="Stretch" FlowDirection="LeftToRight" SelectionMode="Single" AutoGenerateColumns="False" telerik:StyleManager.Theme="Simple" Name="Customers" IsReadOnly="True" RowLoaded="radGridView2_RowLoaded" Grid.Row="1">

<telerik:RadGridView.Columns>

<telerik:GridViewComboBoxColumn DataMemberBinding="{Binding fullname, Mode=TwoWay}" HeaderCellStyle="{StaticResource CustomerFullName}" Header="Full Name" DisplayMemberPath="Name" SelectedValueMemberPath="Code" >

</telerik:GridViewComboBoxColumn>

</telerik:RadGridView.Columns>

</telerik:RadGridView>

</telerik:RadTabItem>

</telerik:RadTabControl>

</Grid>

how can set the retio between RadScheduler and
RadTabControl to 30% - 70% of the page?

3 Answers, 1 is accepted

answered on 29 Dec 2010, 02:35 PM

TabCOntrolTest.zip

Hello guy,

You can define 10 Grid RowDefinitions and set Grid.Row=0 Grid.RowsPan=3 on the Scheduler and Grid.Row=3 and Grid.RowSpan=7 on the TabControl . This way the two controls will stretch in areas with a fixed ration 3:7. You can examine the described approach in the attached solution. Please let us know if it satisfies you or not.

Kind regards,
Petar Mladenov
the Telerik team

Browse the videos here>> to help you get started with RadControls for Silverlight