title: problems with data-bindig
body: <p>Ok so I fix all the craizy bindings problem, but I Still cannot show the icon properly, and I cannot show the y button in grayed color, when they are disaled.</p>
  <p>For the icons, I downloaded the material design.ttf, and genrate a class of all  the icos, and finally I imported it with the action as resouce, but as you can see, I only get thatstupid square thingy</p>
  <p><a href="https://i.stack.imgur.com/ksp3R.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ksp3R.png" alt="App" /></a></p>
  <p>class</p>
  <pre class="lang-cs prettyprint-override"><code>    [AddINotifyPropertyChangedInterface]
  public class Tile
  {
      public string TileTitle
      {
          get; set;
      }
  
      public string TileIcon
      {
          get; set;
      }
      public Brush TileColor
      {
          get; set;
      }
      public Command TileCommand
      {
          get; set;
      }
      private bool _IsTileActive;
      public bool IsTileActive
      {
          get =&gt; _IsTileActive;
          set
          {
              if (_IsTileActive != value)
              {
                  _IsTileActive = value;
                  SetColor();
              }
          }
      }
  
      private void SetColor()
      {
          if (IsTileActive)
          {
              TileColor = TileColor;
          }
          else
          {
              TileColor = new SolidColorBrush(Color.FromRgb(192, 192, 192));
          }
      }
  </code></pre>
  <p>Observable definition</p>
  <pre class="lang-cs prettyprint-override"><code>     Tiles = new ObservableCollection&lt;Tile&gt;()
          {
              new Tile()
              {
                  IsTileActive = true,
                  TileTitle = &quot;AudioTranscription&quot;,
                  TileCommand = AzureCommand,
                  TileColor = new SolidColorBrush(Color.FromRgb(242, 80, 34)),
                  TileIcon = IconFont.VolumeHigh
              },
               new Tile()
              {
                  IsTileActive = true,
                  TileTitle = &quot;DocumentTrnslation&quot;,
                  TileCommand = AzureCommand,
                  TileColor = new SolidColorBrush(Color.FromRgb(127, 186, 0)),
                  TileIcon = IconFont.FileDocument
              },
                new Tile()
              {
                  IsTileActive = false,
                  TileTitle = &quot;VideoToText&quot;,
                  TileCommand = AzureCommand,
                  TileColor = new SolidColorBrush(Color.FromRgb(0, 164, 239)),
                  TileIcon = IconFont.FileVideo
              },
                 new Tile()
              {
                  IsTileActive = false,
                  TileTitle = &quot;Account&quot;,
                  TileCommand = AzureCommand,
                  TileColor = new SolidColorBrush(Color.FromRgb(255, 185, 0)),
                  TileIcon = IconFont.Account
              }
          };
  </code></pre>
  <p>UI</p>
  <pre><code>&lt;ItemsControl Grid.Row=&quot;1&quot; ItemsSource=&quot;{Binding Tiles}&quot;&gt;
              &lt;ItemsControl.ItemsPanel&gt;
                  &lt;ItemsPanelTemplate&gt;
                      &lt;UniformGrid Columns=&quot;2&quot; /&gt;
                  &lt;/ItemsPanelTemplate&gt;
              &lt;/ItemsControl.ItemsPanel&gt;
              &lt;ItemsControl.ItemTemplate&gt;
                  &lt;DataTemplate&gt;
                      &lt;syncfusion:SfHubTile Background=&quot;{Binding TileColor}&quot; IsEnabled=&quot;{Binding IsTileActive}&quot;&gt;
                          &lt;behaviors:Interaction.Triggers&gt;
                              &lt;behaviors:EventTrigger EventName=&quot;Click&quot;&gt;
                                  &lt;behaviors:InvokeCommandAction
                                      Command=&quot;{Binding TileCommand}&quot;
                                      CommandParameter=&quot;{Binding TileTitle}&quot;
                                      PassEventArgsToCommand=&quot;True&quot; /&gt;
                              &lt;/behaviors:EventTrigger&gt;
                          &lt;/behaviors:Interaction.Triggers&gt;
  
                          &lt;Label
                              Width=&quot;120&quot;
                              Height=&quot;120&quot;
                              HorizontalAlignment=&quot;Center&quot;
                              VerticalAlignment=&quot;Center&quot;
                              Content=&quot;{Binding TileIcon}&quot;
                              FontFamily=&quot;material.ttf&quot; /&gt;
  
                      &lt;/syncfusion:SfHubTile&gt;
                  &lt;/DataTemplate&gt;
              &lt;/ItemsControl.ItemTemplate&gt;
          &lt;/ItemsControl&gt;
  </code></pre>