Skip to content

Latest commit

 

History

History

LantzControls

README.md

Lantz Controls

This is project that has various custom controls and will evolve over time as I add more (Jump to code).

  • FloatingLabel
  • LabeledCheckBox
  • ColumnChooser

FloatingLabel

<primitives:FloatingLabel CornerRadius="10"
                            Text="Product Code"
                            FontSize="8"
                            TextColor="#0000fa"
                            WidthRequest="150"
                            VerticalOptions="Start"
                            HorizontalOptions="Start">
    <primitives:FloatingLabel.InnerContent>
        <telerik:RadEntry x:Name="MyRadEntry"
                            Placeholder="Product Code"
                            PlaceholderColor="#a8aba8"
                            FontSize="12"
                            HeightRequest="35"
                            CornerRadius="8"
                            BorderThickness="2"
                            BorderBrush="#a8aba8"
                            FocusedBorderThickness="0"
                            FocusedBorderBrush="Transparent"
                            HorizontalOptions="Fill" />
    </primitives:FloatingLabel.InnerContent>
</primitives:FloatingLabel>

Unfocused with RadEntry

unfocused

Focused with RadEntry

focused empty

Focused with RadEntry and Text Content

focused filled

ColumnChooser

Can be attached to any RadDataGrid for user to show/hide any column.

image

<Grid ColumnDefinitions="*, Auto">
    <telerik:RadDataGrid x:Name="MyDataGrid"
                         AutoGenerateColumns="False">
        <telerik:RadDataGrid.Columns>
            <telerik:DataGridTextColumn PropertyName="Name" HeaderText="Name" />
            <telerik:DataGridNumericalColumn PropertyName="Age" HeaderText="Age" />
            <telerik:DataGridDateColumn PropertyName="DateOfBirth" HeaderText="DOB" CellContentFormat="{}{0:MM/dd/yyyy}" />
        </telerik:RadDataGrid.Columns>
    </telerik:RadDataGrid>

    <!-- Associate with a DataGrid -->
    <dataGrid:ColumnChooser x:Name="Chooser"
                            AssociatedDataGrid="{x:Reference MyDataGrid}"
                            Margin="20"
                            Grid.Column="1" />
</Grid>