MaterialDesignInXAML / MaterialDesignInXAML/MaterialDesignInXamlToolkit

Hide Decoration, Underline in other controls.

Abierto
#2,760 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

enhancement evaluation required
Lenguaje dominante
C#
Estrellas
16.3k
Forks
3.5k
Merge medio
1 d 22 h
PR fusionados (30 d)
8

Descripción

This is related to Hide underline in textbox #212
Is it possible to implement same/similar solution for combobox and datepicker.
Im adding them into color zone (find it easier and better looking that working with borders etc. The problem is that underline is messing with the looks :)
I Hoped that : materialDesign:TextFieldAssist.DecorationVisibility="Hidden" would work, unfortunately it didn't :)

                <materialDesign:ColorZone   CornerRadius="10"
                                            BorderThickness="1"
                                            Margin="0 10 0 0"
                                            Padding="8 5"
                                            Effect="{StaticResource MaterialDesignShadowDepth1}">
                    <DatePicker SelectedDate="{Binding SelectedPerson.ToDate}"
                                DisplayDateStart="{Binding LowestDate}"
                                DisplayDateEnd="{Binding HighestDate}"
                                materialDesign:TextFieldAssist.DecorationVisibility="Hidden"
                                Width="150"
                                materialDesign:HintAssist.Hint="From Date">
                    </DatePicker>
                </materialDesign:ColorZone>

image

For now i have below work around:

                    <StackPanel Orientation="Horizontal">
                        <TextBox    Text="{Binding SelectedPerson.FromDate, StringFormat=d, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                                    BorderBrush="{x:Null}"
                                    IsReadOnly="True"
                                    VerticalAlignment="Center"
                                    materialDesign:HintAssist.Hint="From date"
                                    materialDesign:TextFieldAssist.DecorationVisibility="Collapsed"
                                    materialDesign:TextFieldAssist.HasClearButton="True"
                                    Width="140"/>
                        <Button Margin="0 0 0 0"
                                Style="{StaticResource MaterialDesignToolButton}"
                                Content="{materialDesign:PackIcon Kind=Calendar}"
                                Command="{x:Static materialDesign:DialogHost.OpenDialogCommand}">
                            <Button.CommandParameter>
                                <Grid Background="{x:Null}">
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="Auto" />
                                    </Grid.RowDefinitions>
                                    <Calendar   Margin="0 -10 0 10"
                                                SelectedDate="{Binding SelectedPerson.FromDate, UpdateSourceTrigger=PropertyChanged, ValidatesOnExceptions=True}"/>
                                    <StackPanel Grid.Row="1"
                                                Margin="8"
                                                HorizontalAlignment="Right"
                                                Orientation="Horizontal">
                                        <Button Style="{StaticResource MaterialDesignFlatButton}"
                                                Command="{x:Static materialDesign:DialogHost.CloseDialogCommand}"
                                                Panel.ZIndex="1"
                                                CommandParameter="1"
                                                Content="OK"/>
                                    </StackPanel>
                                </Grid>
                            </Button.CommandParameter>
                        </Button>
                    </StackPanel>

image

But i have to set the calendar margin to Margin="0 -10 0 10" otherwise it's misaligned, but it shows for a split second during opening.

image

When margin is dropped.

image

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Comienza con los controles DatePicker y ComboBox y con el punto de entrada TextFieldAssist.DecorationVisibility, comparando su comportamiento con la solución para el cuadro de texto referenciada en el issue #212. Reproduce el ejemplo de ColorZone y comprueba la visibilidad del subrayado, la alineación al abrirse y el workaround adjunto. Se considera completado cuando ambos controles admiten ocultar la decoración sin el workaround ni una desalineación transitoria.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
csharp
Área
design, desktop
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.