pane background still appearing

4 posts, 0 answers
  1. mo
    mo avatar
    2 posts
    Member since:
    Sep 2010

    Posted 06 Sep 2010 Link to this post

    Hello -

    I'm working in Blend 4 and added a raddock, splitcontainer with one tab. The problem I can't seem to solve is the initial pane sliding open has a large whitespace between the radtab items and the bottom of grid. When I pin the pane it looks and behave's as I like - it's only when it's unpaned does this white space appear. All the brushes are off but I can't seem to find the brush to eliminate this white space. Tried resizing the container, dock, or grid but it won't resize with the tab items.

    Rookie here so be kind when explaining.
    Cheers,
    m.

    <Canvas x:Name="Additional_Layers1" Background="#00000000" HorizontalAlignment="Right" Height="500" Margin="0,100,0,0" VerticalAlignment="Top" Width="280" >
                    <telerik:RadDocking x:Name="Additional_Layers" Background="#00000000" BorderThickness="0" Width="280" VerticalAlignment="Top" Height="500" Foreground="#00000000" BorderBrush="#00848484">
                        <telerik:RadSplitContainer InitialPosition="DockedRight" Background="#008280C4" VerticalAlignment="Top" BorderBrush="#00000000" Height="500">
                            <telerik:RadPaneGroup TabOrientation="Vertical" TabStripPlacement="Right" Background="{x:Null}" BorderBrush="{x:Null}" VerticalAlignment="Top">
                                <telerik:RadPane Header="Additional Layers" CanFloat="False" CanUserClose="False" CanDockInDocumentHost="False" Title="Additional Layers" IsPinned="False" Opacity="0.75" Background="#00000000" BorderThickness="0" VerticalAlignment="Top">
                                    <telerik:RadTabControl x:Name="TabGroup_Layers" VerticalAlignment="Top" Background="{x:Null}">
                                        <telerik:RadTabItem x:Name="tab_Layer_List" Header="Layers" DropDownContent="Themes" Background="Transparent" BorderThickness="0">
                                            <Grid x:Name="Layer_List" d:LayoutOverrides="HorizontalAlignment, VerticalMargin" VerticalAlignment="Top">
                                                <telerik:RadPanelBar x:Name="Layer_PanelBar" Margin="0" VerticalAlignment="Top" Foreground="{x:Null}" Background="White">
                                                    <telerik:RadPanelBarItem x:Name="panel_culture" Header="Culture" Foreground="Black">
                                                        <Grid x:Name="culture_layers">
                                                            <RadioButton x:Name="btn_ArtGuide" Content="Art Guide" telerik:StyleManager.Theme="Office_Black" GroupName="culture" Height="20" VerticalAlignment="Top" Margin="0,0,9,0" />
                                                            <RadioButton x:Name="btn_poi" Content="Points of Interest" telerik:StyleManager.Theme="Office_Black" GroupName="culture" Margin="0,20,9,0" VerticalAlignment="Top" />
                                                            <RadioButton x:Name="btn_PhotosPano" Content="Photos & Panos" telerik:StyleManager.Theme="Office_Black" GroupName="culture" Margin="0,40,0,0" Height="20" VerticalAlignment="Top" />
                                                        </Grid>
                                                    </telerik:RadPanelBarItem>
                                                    <telerik:RadPanelBarItem x:Name="panel_emergency" Header="Emergency Response">
                                                        <RadioButton x:Name="btn_adas" Content="Area Designated Assembly" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_aras" Content="Areas of Resue Assistence" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_chemical" Content="Chemical Hazards" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_contacts" Content="Building/Campus Contacts" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_echairs" Content="Evac-Chairs" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_fire" Content="Fire Extinguisher/ Exits" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_firetruck" Content="Fire Truck Route" telerik:StyleManager.Theme="Office_Black" GroupName="emergency" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    </telerik:RadPanelBarItem>
                                                    <telerik:RadPanelBarItem x:Name="panel_green" Header="Green">
                                                        <RadioButton x:Name="btn_gardens" Content="Gardens" telerik:StyleManager.Theme="Office_Black" GroupName="green" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_recycle" Content="Recycling" telerik:StyleManager.Theme="Office_Black" GroupName="green" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_trees" Content="Trees" telerik:StyleManager.Theme="Office_Black" GroupName="green" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    </telerik:RadPanelBarItem>
                                                    <telerik:RadPanelBarItem x:Name="panel_safety" Header="Safety">
                                                        <RadioButton x:Name="btn_crime" Content="Crime" telerik:StyleManager.Theme="Office_Black" GroupName="safety" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_emergency_phone" Content="Emergency Phones" telerik:StyleManager.Theme="Office_Black" GroupName="safety" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_lighting" Content="Lighting" telerik:StyleManager.Theme="Office_Black" GroupName="safety" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    </telerik:RadPanelBarItem>
                                                    <telerik:RadPanelBarItem x:Name="panel_transit" Header="Transit/Parking">
                                                        <RadioButton x:Name="btn_student_parking" Content="Student Parking" telerik:StyleManager.Theme="Office_Black" GroupName="transit" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_faculty_parking" Content="Faculty Parking" telerik:StyleManager.Theme="Office_Black" GroupName="transit" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_street_cleaning" Content="Street Cleaning Lookup" telerik:StyleManager.Theme="Office_Black" GroupName="transit" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    </telerik:RadPanelBarItem>
                                                    <telerik:RadPanelBarItem x:Name="panel_utility" Header="Utilities">
                                                        <CheckBox x:Name="cx_comm" Content="Communication/Data" Height="19" Width="179"/>
                                                        <CheckBox x:Name="cx_elec" Content="Electrical" Height="19" Width="179"/>
                                                        <CheckBox x:Name="cx_gas" Content="Gas" Height="19" Width="179"/>
                                                        <CheckBox x:Name="cx_sewer" Content="Sewer" Height="19" Width="179"/>
                                                        <CheckBox x:Name="cx_storm" Content="Storm" Height="19" Width="179"/>
                                                        <CheckBox x:Name="cx_water" Content="Water" Height="19" Width="179"/>
                                                    </telerik:RadPanelBarItem>
                                                    <telerik:RadPanelBarItem x:Name="panel_community" Header="Community Input"/>
                                                    <telerik:RadPanelBarItem x:Name="panel_facility" Header="Facilities">
                                                        <RadioButton x:Name="btn_fci" Content="Facility Condition Index" telerik:StyleManager.Theme="Office_Black" GroupName="facility" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_mrq" Content="Maintenance Requests" telerik:StyleManager.Theme="Office_Black" GroupName="facility" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                        <RadioButton x:Name="btn_year_built" Content="Year Built" telerik:StyleManager.Theme="Office_Black" GroupName="facility" HorizontalAlignment="Left" VerticalAlignment="Top" Height="20" />
                                                    </telerik:RadPanelBarItem>
                                                </telerik:RadPanelBar>
                                            </Grid>
                                        </telerik:RadTabItem>
                                        <telerik:RadTabItem x:Name="tab_Information" Header="Information" DropDownContent="Information">
                                            <Grid x:Name="Layer_Info" Background="#FF932B2B">
                                                <telerik:RadPanelBar Margin="8,8,8,40" VerticalAlignment="Stretch" d:IsLocked="True">
                                                    <telerik:RadPanelBarItem Header="About this Layer"/>
                                                    <telerik:RadPanelBarItem Header="Layer Metadata"/>
                                                    <telerik:RadPanelBarItem Header="Layer FAQ's"/>
                                                    <telerik:RadPanelBarItem Header="Report Errors"/>
                                                    <telerik:RadPanelBarItem Header="Other Resources"/>
                                                    <telerik:RadPanelBarItem Header="Contact & Credits"/>
                                                </telerik:RadPanelBar>
                                            </Grid>
                                        </telerik:RadTabItem>
                                    </telerik:RadTabControl>
                                </telerik:RadPane>
                            </telerik:RadPaneGroup>
                        </telerik:RadSplitContainer>
                    </telerik:RadDocking>
                </Canvas>
  2. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 08 Sep 2010 Link to this post

    Hi,

    Thank you for contacting us.

    Could you please send us a screenshot illustrating the white space you want to remove. In that way we will be able to provide you with the best solution.

    Looking forward to your reply.

    Regards,
    Konstantina
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
  4. mo
    mo avatar
    2 posts
    Member since:
    Sep 2010

    Posted 08 Sep 2010 Link to this post

    Hi Konstantina -

    Thank you for responding to my question. Attached are two images:

    expanded.jpg - demonstrates the white space I'm having difficulty removing. You'll see there's whitespace between the last radexpander 'facilities' and the bottom of the pane...I guess...I'm not sure what it is since all the controls have no brushes.

    pinned.jpg - is the result once I pin the pane - this look is what I'm expecting when I hover over the tab.

    Cheers,
    m.
  5. Konstantina
    Admin
    Konstantina avatar
    2332 posts

    Posted 10 Sep 2010 Link to this post

    Hi Mo,

    Thank you for the screenshots.

    This white space is the Pane itself in the AutoHideArea. To change it you will have to edit the following ControlTemplate:
    <ControlTemplate x:Key="AutoHideAreaRightTemplate" TargetType="dock:AutoHideArea">
    ....
    </ControlTemplate>
    In it find the Popup and set the MaxHeight property of the Grid inside it. That should remove the white space and make it as high as the Pane when it is pinned.

    <Popup IsOpen="False" x:Name="ContentPopup"
                    <Grid
                        <Grid x:Name="PopupChild" MinWidth="50" MinHeight="50" MaxHeight="50"
                            <Grid.ColumnDefinitions>......


    Hope this information helps. If you need further help please let us know.

    All the best,
    Konstantina
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Back to Top