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

TileViewItem overlap when maximize

0 Answers 112 Views
TileView
This is a migrated thread and some comments may be shown as answers.
minh
Top achievements
Rank 2
Iron
Iron
Iron
minh asked on 26 Feb 2020, 04:46 AM

Dear Telerik support team,

I would to customize the style of TileViewItem in order make the content when maximizing overlap the other control (it doesn't take spaces of other controls in my screen when maximizing).

Would you please help to style it?

 

Below is my current xaml:

01.<telerik:RadTileView x:Name="TitleView"
02.                            RowHeight="{Binding HeightConcept, UpdateSourceTrigger=PropertyChanged}" ColumnWidth="{Binding WidthConcept, UpdateSourceTrigger=PropertyChanged}"
03.                            Width="{Binding MaximizedWidthConcept, UpdateSourceTrigger=PropertyChanged}"
04.                            MaxHeight="{Binding MaximizedHeightConcept, UpdateSourceTrigger=PropertyChanged}" MinimizedRowHeight="Auto"
05.                            MinHeight="0"
06.                            ColumnsCount="1" RowsCount="1"
07.                            MaximizeMode="ZeroOrOne"  ScrollViewer.CanContentScroll="False"
08.                            DragMode="{Binding ElementName=dragMode, Path=SelectedItem}" IsItemsSizeInPercentages="True"
09.                            PreservePositionWhenMaximized="True"
10.                            telerik:TileViewPanel.IsColumnsShrinkEnabled="True"
11.                            telerik:TileViewPanel.IsRowsShrinkEnabled="False" telerik:TileViewPanel.IsSizeBoundToPosition="False"
12.                            HeaderStyle="{StaticResource TileItemHeaderStyle}"
13.                            ItemTemplate="{StaticResource HeaderCustomTemplate}"            
14.                            ItemsSource="{Binding Items}"
15.                            TileStateChanged ="TitleView_TileStateChanged"
16.                            Background="Transparent"
17.                            >
18.           <telerik:RadFluidContentControl x:Name="FluidControl" ContentChangeMode="Manual" State="Large"
19.                                           TransitionDuration="0:0:.1" Height="Auto" Background="Transparent">
20.               <telerik:RadFluidContentControl.Content>
21.                   <Grid></Grid>
22.               </telerik:RadFluidContentControl.Content>
23.               <telerik:RadFluidContentControl.LargeContent>
24.                       <telerik:RadMultiColumnComboBox x:Name="MultiColumCombo1" Width="{Binding SearchBoxWidth, UpdateSourceTrigger=PropertyChanged}"
25.                                                       MinWidth="0" MinHeight="0" VerticalAlignment="Top" HorizontalAlignment="Left"
26.                                                       DisplayMemberPath="{Binding GridItem.ThirdFullName}"
27.                                                       DropDownMinWidth="{Binding DropDownMinWidthConcept, UpdateSourceTrigger=PropertyChanged}"
28.                                                       DropDownMaxWidth="{Binding DropDownMaxWidthConcept, UpdateSourceTrigger=PropertyChanged}"
29.                                                       SearchMode="MatchAnyTerm"
30.                                                       SelectionMode="Multiple" AutoCompleteMode="Search"
31.                                                       SelectionBoxesVisibility="Visible"
32.                                                       SelectionBoxStyle="{StaticResource SelectionBoxCustomStyle}"
33.                                                       NullText="..."
34.                                                       DropDownPlacement="Bottom" FooterVisibility="Visible"
35.                                                       FooterContentTemplate="{StaticResource FooterCheckBoxTemplate}"
36.                                                       CloseDropDownAfterSelectionInput="True"
37.                                                       GotFocus="MultiColumCombo1_GotFocus">
38.                           <telerik:RadMultiColumnComboBox.ItemsSourceProvider>
39.                               <telerik:GridViewItemsSourceProvider x:Name="ItemsSourceProviderGrid1"
40.                                            ItemsSource="{Binding DataSource, Mode=TwoWay}"
41.                                            ShowColumnHeaders="True"
42.                                            RowIndicatorVisibility="Collapsed"
43.                                            AutoGenerateColumns="False"
44.                                            >
45.                               </telerik:GridViewItemsSourceProvider>
46.                           </telerik:RadMultiColumnComboBox.ItemsSourceProvider>
47.                       </telerik:RadMultiColumnComboBox>
48.               </telerik:RadFluidContentControl.LargeContent>
49.           </telerik:RadFluidContentControl>
50.       </telerik:RadTileView>

No answers yet. Maybe you can help?

Tags
TileView
Asked by
minh
Top achievements
Rank 2
Iron
Iron
Iron
Share this question
or