Tukukkk

I'm new to programming and started to make an application for school. For that I use C# WPF and for a good-looking Application i installed Material Design.

First i started the Demo of Material Design, where you can see what things you can use etc. with the good to copy. So after a quick view I found a nice TextBox with a border and a Checkbox on top of it. The code to copy was this

<StackPanel>

  <CheckBox

    x:Name="MaterialDesignOutlinedTextFieldTextBoxEnabledComboBox"

    IsChecked="True"

    Margin="32,0,0,8">

    Enabled

  </CheckBox>

  <TextBox

    Style="{StaticResource MaterialDesignOutlinedTextFieldTextBox}"

    Margin="32,0,0,0"

    VerticalAlignment="Top"

    Height="100"

    AcceptsReturn="True"

    TextWrapping="Wrap"

    VerticalScrollBarVisibility="Auto"

    materialDesign:HintAssist.Hint="This is a text area"

    IsEnabled="{Binding Path=IsChecked, 

    ElementName=MaterialDesignOutlinedTextFieldTextBoxEnabledComboBox}" />

 </StackPanel>

Because I just needed the Textbox, I deleted the Code of the CheckBox and implemented the rest inside my application. So the code now is like this:

<TextBox

    Style="{StaticResource MaterialDesignOutlinedTextFieldTextBox}"

    Margin="32,0,0,0"

    VerticalAlignment="Top"

    Height="100"

    AcceptsReturn="True"

    TextWrapping="Wrap"

    VerticalScrollBarVisibility="Auto"

    materialDesign:HintAssist.Hint="This is a text area"

    />

The problem now is, that I can't edit the textbox. I guess the TextBox is linked to the CheckBox and because I deleted it, somehow i can't write in it anymore.
It all works fine with a standard textbox, but with the copied code i cant do anything, just see the TextBox with its rounded border.

So can anyone help me, how I can implement the textbox with this border and so on AND while I can edit it? I don't know any solution for that right now, so I would appreciate it, if somebody could help me there.

Thanks for your help.

Try following their Super Quick Start guide.

Below is a modified version of it that uses a TextBox:

• Start new WPF project




• Install MaterialDesignThemes nuget: Install-Package MaterialDesignThemes



• 
  

  Edit App.xaml to following:

  
  
  

  <Application ...>
  
      <Application.Resources>
  
          <ResourceDictionary>
  
              <ResourceDictionary.MergedDictionaries>
  
                  <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />
  
                  <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml" />
  
                  <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.DeepPurple.xaml" />
  
                  <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />
  
              </ResourceDictionary.MergedDictionaries>
  
          </ResourceDictionary>
  
      </Application.Resources>
  
  </Application>
  
  

  
  


• 
  

  Edit MainWindow.xaml to following:

  
  
  

  <Window
  
      xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
  
      ...>
  
      <StackPanel>
  
          <TextBox
  
              materialDesign:HintAssist.Hint="Hey, that's pretty good!"
  
              Style="{StaticResource MaterialDesignOutlinedTextFieldTextBox}" />
  
      </StackPanel>
  
  </Window>