Line Chart Height Issue ?

8 posts, 0 answers
  1. Ravi
    Ravi avatar
    10 posts
    Member since:
    Oct 2012

    Posted 11 Jan 2012 Link to this post

    Hello World 

    i am using telerik chart control for my project. i am using Line Chart. i want to set Height and Width of Chart Control According to Width And Height Of Container as well as Browser. Please help me to solve that problem. i want when user increase or decrease browser size then chart size also managed.....

  2. Rahul
    Rahul avatar
    116 posts
    Member since:
    Feb 2011

    Posted 11 Jan 2012 Link to this post

    Hi Ravi,
            
              First your silverlight component should be resolution free.
    Try setting height and width of the silverlight component in aspx page to 100%.
    Then set the following two properties for your chart.
    <telerik:RadChart HorizontalAlignment="Strech" VerticalAlignment="Strech" />

    And remember dont give any height and width for chart.
    Hope it will help you.

    Regards
    Rahul
  3. DevCraft banner
  4. Ravi
    Ravi avatar
    10 posts
    Member since:
    Oct 2012

    Posted 11 Jan 2012 Link to this post

    i have putt all my control in Grid.....here is my code.....

    i have also send you the result...take a look at chart's height
    <Grid Grid.Column="1" Margin="0,0,0,10">
               <Grid.RowDefinitions>
                   <RowDefinition Height=".4*"/>
                   <RowDefinition Height=".6*"/>
               </Grid.RowDefinitions>
               <Grid.ColumnDefinitions>
                   <ColumnDefinition Width=".5*"></ColumnDefinition>
                   <ColumnDefinition Width=".5*"></ColumnDefinition>
               </Grid.ColumnDefinitions>
               <Grid  Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">
                   <Grid.RowDefinitions></Grid.RowDefinitions>
                   <Grid Grid.Row="0">
                       <Grid.ColumnDefinitions>
                           <ColumnDefinition Width=".65*"></ColumnDefinition>
                           <ColumnDefinition Width=".35*"></ColumnDefinition>
                       </Grid.ColumnDefinitions>
                       <Border BorderThickness="0" CornerRadius="7" Margin="0,0,10,0" Padding="0" Grid.Row="0" Grid.Column="0" VerticalAlignment="Top" HorizontalAlignment="Left"  Style="{StaticResource LightBorderGrid}">
                           <StackPanel>
                               <StackPanel Margin="0,0,0,0" Orientation="Horizontal">
                                   <TextBlock Text="Review Rate"  Style="{StaticResource tbHeaderStyle}" HorizontalAlignment="Left" ></TextBlock>
                                   <StackPanel Orientation="Vertical" Margin="4,0,0,0">
                                       <TextBlock Text="actual"  Style="{StaticResource tbHeaderStyleLow}" Margin="0,10,0,0" VerticalAlignment="Top"  HorizontalAlignment="Center" ></TextBlock>
                                       <Rectangle Fill="SkyBlue" Width="35" Height="3" ></Rectangle>
                                   </StackPanel>
                                   <TextBlock Text="vs" Style="{StaticResource tbHeaderStyleLow}" Margin="3,10,3,0"    VerticalAlignment="Top"  HorizontalAlignment="Center"></TextBlock>
                                   <StackPanel Orientation="Vertical" Margin="4,0,0,0">
                                       <TextBlock Text="average" Style="{StaticResource tbHeaderStyleLow}" Margin="0,10,0,0"  VerticalAlignment="Top"  HorizontalAlignment="Center"></TextBlock>
                                       <Rectangle Fill="Green" Width="50" Height="3" ></Rectangle>
                                   </StackPanel>
                               </StackPanel>
                               <Border CornerRadius="7" BorderThickness="0" x:Name="tempBorder" Style="{StaticResource BorderinnerContent}" Padding="5,5,5,5" Margin="0,10,0,0">
                                   <telerik:RadChart x:Name="rcReviewBatch" Margin="5" Height="{Binding ElementName=tempBorder,Path=Height}" BorderThickness="0" Background="Transparent"  LegendStyle="{StaticResource ChartLegendStyle}"   VerticalAlignment="Top" HorizontalAlignment="Left"  Grid.Row="0" Grid.Column="0" >
                                       <telerik:RadChart.DefaultView>
                                           <telerik:ChartDefaultView>
                                               <telerik:ChartDefaultView.ChartArea>
                                                   <telerik:ChartArea ItemToolTipOpening="rcReviewBatch_ItemToolTipOpening">
                                                       <telerik:ChartArea.Annotations>
                                                           <telerik:CustomGridLine YIntercept="15"  Stroke="Green" StrokeThickness="4" />
                                                       </telerik:ChartArea.Annotations>
                                                   </telerik:ChartArea>
                                               </telerik:ChartDefaultView.ChartArea>
                                           </telerik:ChartDefaultView>
                                       </telerik:RadChart.DefaultView>
                                       <chart:RadChart.DefaultSeriesDefinition>
                                           <charting:LineSeriesDefinition  ShowPointMarks="True"  ShowItemToolTips="True" ShowItemLabels="False">
                                               <charting:LineSeriesDefinition.Appearance>
                                                   <charting:SeriesAppearanceSettings StrokeThickness="4"></charting:SeriesAppearanceSettings>
                                               </charting:LineSeriesDefinition.Appearance>
                                           </charting:LineSeriesDefinition>
                                       </chart:RadChart.DefaultSeriesDefinition>
                                   </telerik:RadChart>
                               </Border>
                           </StackPanel>
                       </Border>
                       <Border BorderThickness="0" CornerRadius="7" Margin="0,0,10,0" Padding="0" Grid.Row="0" Grid.Column="1" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource LightBorderGrid}">
     
                           <Grid >
                               <Grid.RowDefinitions>
                                   <RowDefinition></RowDefinition>
                                   <RowDefinition></RowDefinition>
                               </Grid.RowDefinitions>
                               <TextBlock x:Name="tbStatistics" Text="Statistics" Style="{StaticResource tbHeaderStyle}" VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Row="0"  ></TextBlock>
                               <Border BorderThickness="0" CornerRadius="7" Margin="0,10,0,0" Padding="5,5,5,5" Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource BorderinnerContent}">
                                   <Grid x:Name="stkpnlStatistics" Grid.Row="1"  Margin="0"  >
                                       <Grid.RowDefinitions>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                       </Grid.RowDefinitions>
                                       <TextBlock Grid.Row="0" Text="{Binding strTotalDocs}" Style="{StaticResource tbContentStyle}" Width="Auto"/>
                                       <TextBlock Grid.Row="1" Text="{Binding strAssignedDocs}" Style="{StaticResource tbContentStyle}" Width="Auto" />
                                       <TextBlock Grid.Row="2" Text="{Binding strUnAssignedDocs}"  Style="{StaticResource tbContentStyle}" Width="Auto"/>
                                       <TextBlock Grid.Row="3" Text="{Binding strReviewedDocs}" Style="{StaticResource tbContentStyle}" Width="Auto"  />
                                       <TextBlock Grid.Row="4" Text="{Binding strNoOfReviewer}"  Style="{StaticResource tbContentStyle}" Width="Auto" />
                                       <TextBlock Grid.Row="5" Text="{Binding strAssignedDate}" Style="{StaticResource tbContentStyle}" Width="Auto"/>
                                       <TextBlock Grid.Row="6" Text="{Binding strAssignedBy}"  Style="{StaticResource tbContentStyle}" Width="Auto"  />
                                       <TextBlock Grid.Row="7" Text="{Binding strExpectedComletionDate}"  Style="{StaticResource tbContentStyle}" Width="Auto" />
                                       <TextBlock Grid.Row="8" Text="{Binding strReviewRate}" Style="{StaticResource tbContentStyle}" Width="Auto" />
                                   </Grid>
     
                               </Border>
                           </Grid>
                       </Border>
     
                   </Grid>
               </Grid>
               <Border BorderThickness="0" CornerRadius="7" Margin="10,10,10,0" Padding="0" Grid.Row="1" Grid.Column="1" VerticalAlignment="Top" HorizontalAlignment="Left"  Style="{StaticResource LightBorderGrid}" >
     
                   <Grid Background="Transparent">
                       <Grid.RowDefinitions>
                           <RowDefinition Height="Auto" />
                       </Grid.RowDefinitions>
                       <Grid>
                           <Grid.RowDefinitions>
                               <RowDefinition Height="Auto" />
                               <RowDefinition Height="Auto" />
                               <RowDefinition Height="*" />
                           </Grid.RowDefinitions>
                           <TextBlock Text="Discussion Board" Style="{StaticResource tbHeaderStyle}"  VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Column="0" ></TextBlock>
     
     
                           <Border CornerRadius="7" BorderThickness="0"  Style="{StaticResource BorderinnerContent}" Grid.Row="1" Padding="10,10,10,10" Margin="0,10,0,0">
                               <StackPanel Margin="0,0,0,0" >
                                   <StackPanel Orientation="Horizontal" HorizontalAlignment="Right" >
                                       <HyperlinkButton Content="Add"  Margin="0,0,10,0" Click="btnAdd_Click"  HorizontalAlignment="Right"></HyperlinkButton>
                                       <HyperlinkButton Content="Delete"  Margin="0,0,0,0" Click="btnDelete_Click"  HorizontalAlignment="Right"></HyperlinkButton>
     
                                   </StackPanel>
     
                                   <ListBox x:Name="lbDiscussionBoard" Grid.Row="1"  ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Hidden"   Background="Transparent" BorderThickness="0" ItemContainerStyle="{StaticResource  ListBoxItemStyleDiscussionBoard}" >
                                       <ListBox.Resources>
                                           <Views:ActualSizePropertyProxy Element="{Binding ElementName=lbDiscussionBoard}" x:Name="lbDiscussionBoardActualWidth" />
                                       </ListBox.Resources>
                                       <ListBox.ItemTemplate>
                                           <DataTemplate>
                                               <StackPanel  Width="{Binding ActualWidthValue, ElementName=lbDiscussionBoardActualWidth}" SizeChanged="StackPanel1_SizeChanged" >
                                                   <Border BorderThickness="0" CornerRadius="0" Background="{Binding Converter={StaticResource myconverter}}">
                                                       <Grid>
                                                           <Grid.ColumnDefinitions>
                                                               <ColumnDefinition Width="Auto"/>
                                                               <ColumnDefinition Width="*"/>
                                                           </Grid.ColumnDefinitions>
                                                           <Grid Grid.Column="0" Grid.ColumnSpan="2">
                                                               <Grid.ColumnDefinitions>
                                                                   <ColumnDefinition Width=".35*" />
                                                                   <ColumnDefinition Width=".15*" />
                                                                   <ColumnDefinition Width=".5*" />
                                                               </Grid.ColumnDefinitions>
                                                               <TextBlock Text="{Binding msgDate}" Style="{StaticResource tbContentStyle}" Grid.Column="0" Margin="0,0,0,0"/>
                                                               <TextBlock Text="{Binding msgSender}" Style="{StaticResource tbContentStyle}" Grid.Column="1" Margin="0,0,0,0"/>
                                                               <TextBlock Text="{Binding msgContent}" Style="{StaticResource tbContentStyle}" Grid.Column="2" TextWrapping="Wrap"  />
                                                           </Grid>
                                                       </Grid>
                                                   </Border>
                                               </StackPanel>
                                           </DataTemplate>
                                       </ListBox.ItemTemplate>
                                   </ListBox>
                               </StackPanel>
                           </Border>
                       </Grid>
                   </Grid>
               </Border>
               <Border x:Name="brdSchdulerParent" BorderThickness="0" CornerRadius="7"  Padding="0" Grid.Row="1" Grid.Column="0" VerticalAlignment="Top" HorizontalAlignment="Left" Margin="0,10,0,0"  Style="{StaticResource LightBorderGrid}"  >
     
                   <Grid x:Name="grdSchdulerParent"   Grid.Row="1" Grid.Column="0">
                       <Grid.RowDefinitions>
                           <RowDefinition Height="Auto"/>
                           <RowDefinition Height="Auto"/>
                       </Grid.RowDefinitions>
                       <Grid.ColumnDefinitions>
                           <ColumnDefinition Width=".9*"></ColumnDefinition>
                           <ColumnDefinition Width=".1*"></ColumnDefinition>
                       </Grid.ColumnDefinitions>
                       <TextBlock  Text="Scheduler" Grid.Row="0" Grid.Column="0" Style="{StaticResource tbHeaderStyle}"  VerticalAlignment="Top" HorizontalAlignment="Left"></TextBlock>
                       <HyperlinkButton  x:Name="btnSwitch"  Grid.Row="0" Grid.Column="1"   Click="Switch_Click" Width="25" Height="25"  BorderThickness="0" VerticalAlignment="Top" HorizontalAlignment="Right">
                           <!--<HyperlinkButton.Background>
                               <ImageBrush ImageSource="/TestApplication;component/Images/Toggle.png" />
                           </HyperlinkButton.Background>-->
                       </HyperlinkButton>
                       <Border CornerRadius="7" BorderThickness="0" Style="{StaticResource BorderinnerContent}"  Padding="10,10,10,10"  Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="2" Margin="0,10,0,0">
     
     
                           <ListBox x:Name="lbScheduledList"  Grid.Row="1" ScrollViewer.VerticalScrollBarVisibility="Auto" ScrollViewer.HorizontalScrollBarVisibility="Hidden"  Grid.Column="0" Grid.ColumnSpan="2"  BorderThickness="0"  Background="Transparent" Padding="1" HorizontalAlignment="Left"    VerticalAlignment="Top"  ItemContainerStyle="{StaticResource  ListBoxItemStyleDiscussionBoard}" >
                               <ListBox.Resources>
                                   <Views:ActualSizePropertyProxy Element="{Binding ElementName=lbScheduledList}" x:Name="proxy" />
                               </ListBox.Resources>
                               <ListBox.ItemTemplate>
                                   <DataTemplate>
                                       <StackPanel  Width="{Binding ActualWidthValue, ElementName=lbDiscussionBoardActualWidth}" SizeChanged="StackPanel2_SizeChanged" >
                                           <Border BorderThickness="0" CornerRadius="0" Background="{Binding Converter={StaticResource myconverter}}">
                                               <Grid Grid.Row="1" Grid.Column="0"  Grid.ColumnSpan="2" HorizontalAlignment="Left" Width="{Binding ActualWidthValue, ElementName=proxy}" x:Name="grdScheduledListParent" >
     
                                                   <Grid.Resources>
     
                                                   </Grid.Resources>
                                                   <Grid.ColumnDefinitions>
                                                       <ColumnDefinition Width=".28*"></ColumnDefinition>
                                                       <ColumnDefinition Width=".28*"></ColumnDefinition>
                                                       <ColumnDefinition Width=".44*"></ColumnDefinition>
     
                                                   </Grid.ColumnDefinitions>
                                                   <TextBlock Text="{Binding Start,StringFormat=MM/dd/yyyy}" Grid.Column="0" Style="{StaticResource tbContentStyle}"/>
                                                   <TextBlock  Grid.Column="1"   Text="{Binding End,StringFormat=MM/dd/yyyy}" Style="{StaticResource tbContentStyle}"/>
                                                   <TextBlock TextWrapping="Wrap"  Grid.Column="2"  Text="{Binding Subject}"  Style="{StaticResource tbContentStyle}"/>
                                               </Grid>
                                           </Border>
                                       </StackPanel>
                                   </DataTemplate>
                               </ListBox.ItemTemplate>
                           </ListBox>
                       </Border>
                   </Grid>
               </Border>
           </Grid>
  5. Ravi
    Ravi avatar
    10 posts
    Member since:
    Oct 2012
  6. Rahul
    Rahul avatar
    116 posts
    Member since:
    Feb 2011

    Posted 11 Jan 2012 Link to this post

    Hi Ravi,

              I analyzed your code. Everything looks fine but
    i found one issue with stack panel just above your radchart.
    If i remove stack panel chart height is working fine.

    Please check out below modified code.
    <Grid Grid.Column="1" Margin="0,0,0,10" ShowGridLines="True">
            <Grid.RowDefinitions>
                <RowDefinition Height="40*"/>
                <RowDefinition Height="60*"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="50*"></ColumnDefinition>
                <ColumnDefinition Width="50*"></ColumnDefinition>
            </Grid.ColumnDefinitions>
            <Grid ShowGridLines="True" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="65*"></ColumnDefinition>
                        <ColumnDefinition Width="35*"></ColumnDefinition>
                    </Grid.ColumnDefinitions>
                        <!--<StackPanel Grid.Row="0" Grid.Column="0">-->
                            <StackPanel Margin="0,0,0,0" Orientation="Horizontal">
                                <TextBlock Text="Review Rate"   HorizontalAlignment="Left" ></TextBlock>
                                <StackPanel Orientation="Vertical" Margin="4,0,0,0">
                                    <TextBlock Text="actual"  Margin="0,10,0,0" VerticalAlignment="Top"  HorizontalAlignment="Center" ></TextBlock>
                                    <Rectangle Fill="SkyBlue" Width="35" Height="3" ></Rectangle>
                                </StackPanel>
                                <TextBlock Text="vs" Margin="3,10,3,0"    VerticalAlignment="Top"  HorizontalAlignment="Center"></TextBlock>
                                <StackPanel Orientation="Vertical" Margin="4,0,0,0">
                                    <TextBlock Text="average"  Margin="0,10,0,0"  VerticalAlignment="Top"  HorizontalAlignment="Center"></TextBlock>
                                    <Rectangle Fill="Green" Width="50" Height="3" ></Rectangle>
                                </StackPanel>
                            </StackPanel>
                            <Border CornerRadius="7" BorderThickness="0" x:Name="tempBorder"  Padding="5,5,5,5" Margin="0,10,0,0" >
                                <telerik:RadChart x:Name="rcReviewBatch" Margin="5"   BorderThickness="0" Background="Transparent"     >
                                    <telerik:RadChart.DefaultView>
                                        <telerik:ChartDefaultView>
                                            <telerik:ChartDefaultView.ChartArea>
                                                <telerik:ChartArea >
                                                    <telerik:ChartArea.Annotations>
                                                        <telerik:CustomGridLine YIntercept="15"  Stroke="Green" StrokeThickness="4" />
                                                    </telerik:ChartArea.Annotations>
                                                </telerik:ChartArea>
                                            </telerik:ChartDefaultView.ChartArea>
                                        </telerik:ChartDefaultView>
                                    </telerik:RadChart.DefaultView>
                                    <telerik:RadChart.DefaultSeriesDefinition>
                                        <telerik:LineSeriesDefinition  ShowPointMarks="True"  ShowItemToolTips="True" ShowItemLabels="False">
                                            <telerik:LineSeriesDefinition.Appearance>
                                                <telerik:SeriesAppearanceSettings StrokeThickness="4"></telerik:SeriesAppearanceSettings>
                                            </telerik:LineSeriesDefinition.Appearance>
                                        </telerik:LineSeriesDefinition>
                                    </telerik:RadChart.DefaultSeriesDefinition>
                                </telerik:RadChart>
                            </Border>
                        <!--</StackPanel>-->
                   
     
                 
            </Grid>
        </Grid>
  7. Ravi
    Ravi avatar
    10 posts
    Member since:
    Oct 2012

    Posted 11 Jan 2012 Link to this post

    i think you have make one mistake.... i have One Main Border Control then Stack Panel
    <Grid  Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2">
                   <Grid.RowDefinitions></Grid.RowDefinitions>
                   <Grid Grid.Row="0">
                       <Grid.ColumnDefinitions>
                           <ColumnDefinition Width=".65*"></ColumnDefinition>
                           <ColumnDefinition Width=".35*"></ColumnDefinition>
                       </Grid.ColumnDefinitions>
                        
                       <Border BorderThickness="0" CornerRadius="7" Margin="0,0,10,0" Padding="0" Grid.Row="0" Grid.Column="0" VerticalAlignment="Top" HorizontalAlignment="Left"  Style="{StaticResource LightBorderGrid}">
                           <StackPanel>
                               <StackPanel Margin="0,0,0,0" Orientation="Horizontal">
                                   <TextBlock Text="Review Rate"  Style="{StaticResource tbHeaderStyle}" HorizontalAlignment="Left" ></TextBlock>
                                   <StackPanel Orientation="Vertical" Margin="4,0,0,0">
                                       <TextBlock Text="actual"  Style="{StaticResource tbHeaderStyleLow}" Margin="0,10,0,0" VerticalAlignment="Top"  HorizontalAlignment="Center" ></TextBlock>
                                       <Rectangle Fill="SkyBlue" Width="35" Height="3" ></Rectangle>
                                   </StackPanel>
                                   <TextBlock Text="vs" Style="{StaticResource tbHeaderStyleLow}" Margin="3,10,3,0"    VerticalAlignment="Top"  HorizontalAlignment="Center"></TextBlock>
                                   <StackPanel Orientation="Vertical" Margin="4,0,0,0">
                                       <TextBlock Text="average" Style="{StaticResource tbHeaderStyleLow}" Margin="0,10,0,0"  VerticalAlignment="Top"  HorizontalAlignment="Center"></TextBlock>
                                       <Rectangle Fill="Green" Width="50" Height="3" ></Rectangle>
                                   </StackPanel>
                               </StackPanel>
                               <!--SizeChanged="tempBorder_SizeChanged"-->
                               <Border CornerRadius="7" BorderThickness="0" x:Name="tempBorder" Style="{StaticResource BorderinnerContent}" Padding="5,5,5,5" Margin="0,10,0,0">
                                   <telerik:RadChart x:Name="rcReviewBatch" BorderThickness="0" Background="Transparent" LegendStyle="{StaticResource ChartLegendStyle}"   VerticalAlignment="Stretch" HorizontalAlignment="Stretch"  Grid.Row="0" Grid.Column="0" Margin="2">
                                       <telerik:RadChart.DefaultView>
                                           <telerik:ChartDefaultView>
                                               <telerik:ChartDefaultView.ChartArea>
                                                   <telerik:ChartArea ItemToolTipOpening="rcReviewBatch_ItemToolTipOpening">
                                                       <telerik:ChartArea.Annotations>
                                                           <telerik:CustomGridLine YIntercept="15"  Stroke="Green" StrokeThickness="4" />
                                                       </telerik:ChartArea.Annotations>
                                                   </telerik:ChartArea>
                                               </telerik:ChartDefaultView.ChartArea>
                                           </telerik:ChartDefaultView>
                                       </telerik:RadChart.DefaultView>
                                       <chart:RadChart.DefaultSeriesDefinition>
                                           <charting:LineSeriesDefinition  ShowPointMarks="True"  ShowItemToolTips="True" ShowItemLabels="False">
                                               <charting:LineSeriesDefinition.Appearance>
                                                   <charting:SeriesAppearanceSettings StrokeThickness="4"></charting:SeriesAppearanceSettings>
                                               </charting:LineSeriesDefinition.Appearance>
                                           </charting:LineSeriesDefinition>
                                       </chart:RadChart.DefaultSeriesDefinition>
                                   </telerik:RadChart>
                               </Border>
                           </StackPanel>
                       </Border>
                       <Border BorderThickness="0" CornerRadius="7" Margin="0,0,10,0" Padding="0" Grid.Row="0" Grid.Column="1" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource LightBorderGrid}">
     
                           <Grid >
                               <Grid.RowDefinitions>
                                   <RowDefinition></RowDefinition>
                                   <RowDefinition></RowDefinition>
                               </Grid.RowDefinitions>
                               <TextBlock x:Name="tbStatistics" Text="Statistics" Style="{StaticResource tbHeaderStyle}" VerticalAlignment="Top" HorizontalAlignment="Left" Grid.Row="0"  ></TextBlock>
                               <Border BorderThickness="0" CornerRadius="7" Margin="0,10,0,0" Padding="5,5,5,5" Grid.Row="1" VerticalAlignment="Top" HorizontalAlignment="Left" Style="{StaticResource BorderinnerContent}">
                                   <Grid x:Name="stkpnlStatistics" Grid.Row="1"  Margin="0"  >
                                       <Grid.RowDefinitions>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                           <RowDefinition></RowDefinition>
                                       </Grid.RowDefinitions>
                                       <TextBlock Grid.Row="0" Text="{Binding strTotalDocs}" Style="{StaticResource tbContentStyle}" Width="Auto"/>
                                       <TextBlock Grid.Row="1" Text="{Binding strAssignedDocs}" Style="{StaticResource tbContentStyle}" Width="Auto" />
                                       <TextBlock Grid.Row="2" Text="{Binding strUnAssignedDocs}"  Style="{StaticResource tbContentStyle}" Width="Auto"/>
                                       <TextBlock Grid.Row="3" Text="{Binding strReviewedDocs}" Style="{StaticResource tbContentStyle}" Width="Auto"  />
                                       <TextBlock Grid.Row="4" Text="{Binding strNoOfReviewer}"  Style="{StaticResource tbContentStyle}" Width="Auto" />
                                       <TextBlock Grid.Row="5" Text="{Binding strAssignedDate}" Style="{StaticResource tbContentStyle}" Width="Auto"/>
                                       <TextBlock Grid.Row="6" Text="{Binding strAssignedBy}"  Style="{StaticResource tbContentStyle}" Width="Auto"  />
                                       <TextBlock Grid.Row="7" Text="{Binding strExpectedComletionDate}"  Style="{StaticResource tbContentStyle}" Width="Auto" />
                                       <TextBlock Grid.Row="8" Text="{Binding strReviewRate}" Style="{StaticResource tbContentStyle}" Width="Auto" />
                                   </Grid>
     
                               </Border>
                           </Grid>
                       </Border>
     
                   </Grid>
               </Grid>
      
  8. Rahul
    Rahul avatar
    116 posts
    Member since:
    Feb 2011

    Posted 11 Jan 2012 Link to this post

    Hi Ravi,

             I saw that border. but try to remove that stack panel
    just below border and see the output.

    Regards
    Rahul
  9. Petar Marchev
    Admin
    Petar Marchev avatar
    968 posts

    Posted 16 Jan 2012 Link to this post

    Hello,

    I would also suggest you get rid of the StackPanel. Use a Grid instead of the stack panel that contains the chart. Place the chart in the second row of the new grid and all should be fine.

    I have attached the changed code.

    All the best,
    Petar Marchev
    the Telerik team
    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>
Back to Top
DevCraft banner