Updated Readme File

README.md

@@ -1 +1,187 @@
-**[View document in Syncfusion Xamarin Knowledge base](https://www.syncfusion.com/kb/12142/how-to-conditionally-hide-the-checkbox-in-xamarin-forms-treeview-sftreeview)**
+#   How to hide checkbox treeview xamarin
+This section illustrate how to hide checkbox treeview xamarin.
+
+#   Getting Started with Xamarin CheckBox (SfCheckBox)
+
+##  Adding SfCheckBox reference
+You can add SfCheckBox reference using one of the following methods:
+
+##  Method 1: Adding SfCheckBox reference from nuget.org
+
+Syncfusion Xamarin components are available in nuget.org. To add SfCheckBox to your project, open the NuGet package manager in Visual Studio, search for Syncfusion.Xamarin.Buttons, and then install it.
+
+##  Method 2: Adding SfCheckBox reference from toolbox
+
+Syncfusion also provides Xamarin Toolbox. Using this toolbox, you can drag the SfCheckBox control to the XAML page. It will automatically install the required NuGet packages and add the namespace to the page. To install Syncfusion Xamarin Toolbox, refer to Toolbox.
+
+##  Method 3: Adding SfCheckBox assemblies manually from the installed location
+
+If you prefer to manually reference the assemblies instead referencing from NuGet, add the following assemblies in respective projects.
+
+#   Create a Simple SfCheckBox
+The Xamarin CheckBox (SfCheckBox) control is configured entirely in C# code or by using XAML markup. The following steps explain how to create a SfCheckBox and configure its elements.
+
+##  Add namespace for referred assemblies
+
+**[XAML]**
+```
+xmlns:syncfusion="clr-namespace:Syncfusion.XForms.Buttons;assembly=Syncfusion.Buttons.XForms"
+```
+Refer SfCheckBox control with declared suffix name for Namespace
+
+**[XAML]**
+
+```
+<ContentPage>
+    <ContentPage.Content>
+        <StackLayout>
+              <syncfusion:SfCheckBox x:Name="checkBox"/>
+        </StackLayout>
+    </ContentPage.Content>
+</ContentPage>
+```
+#   Hide checkbox treeview xamarin
+
+```
+<treeView:SfTreeView>
+    <treeView:SfTreeView.ItemTemplate>
+        <DataTemplate>
+            <Grid Padding="5">
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="40"/>
+                    <ColumnDefinition Width="*"/>
+                </Grid.ColumnDefinitions>
+                <checkBox:SfCheckBox x:Name="CheckBox"  IsChecked="{Binding IsChecked, Mode=TwoWay}" CornerRadius="2" IsVisible="{Binding Level, Converter={StaticResource checkBoxVisibilityConverter}}"/>
+                <Label Text="{Binding Content.FileName}" VerticalOptions="CenterAndExpand" HorizontalOptions="StartAndExpand" Grid.Column="1"/>
+            </Grid>
+        </DataTemplate>
+    </treeView:SfTreeView.ItemTemplate>
+</treeView:SfTreeView>
+```
+**[C#]**
+
+```
+ public class FileManagerViewModel
+    {
+        #region Fields
+        private ObservableCollection<object> checkedItems;
+        #endregion
+
+        #region Properties
+        public ObservableCollection<object> CheckedItems
+        {
+            get { return checkedItems; }
+            set { this.checkedItems = value; }
+        }
+        public ObservableCollection<Folder> Folders { get; set; }
+        #endregion
+
+        #region Constructor
+        public FileManagerViewModel()
+        {
+            this.Folders = GetFiles();
+        }
+        #endregion
+
+        #region Methods
+        private ObservableCollection<Folder> GetFiles()
+        {
+            var nodeImageInfo = new ObservableCollection<Folder>();
+            Assembly assembly = typeof(MainPage).GetTypeInfo().Assembly;
+
+            var drive1 = new Folder() { FileName = "C:Drive" };
+            var drive2 = new Folder() { FileName = "D:Drive" };
+
+            var doc = new SubFolder() { FileName = "Documents" };
+            var download = new SubFolder() { FileName = "Downloads" };
+            var mp3 = new SubFolder() { FileName = "Music" };
+            var pictures = new SubFolder() { FileName = "Pictures" };
+            var video = new SubFolder() { FileName = "Videos" };
+
+            var pollution = new File() { FileName = "Environmental Pollution.docx" };
+            var globalWarming = new File() { FileName = "Global Warming.ppt" };
+
+            var games = new File() { FileName = "Game.exe" };
+            var tutorials = new File() { FileName = "Tutorials.zip" };
+            var typeScript = new File() { FileName = "TypeScript.7z" };
+            var uiGuide = new File() { FileName = "UI-Guide.pdf" };
+
+            var song = new File() { FileName = "Gouttes" };
+
+            var camera = new File() { FileName = "Camera Roll" };
+            var stone = new File() { FileName = "Stone.jpg" };
+            var wind = new File() { FileName = "Wind.jpg" };
+
+            var img0 = new SubFile() { FileName = "WIN_20160726_094117.JPG" };
+            var img1 = new SubFile() { FileName = "WIN_20160726_094118.JPG" };
+
+            var video1 = new File() { FileName = "Naturals.mp4" };
+            var video2 = new File() { FileName = "Wild.mpeg" };
+
+            doc.Files = new ObservableCollection<File>
+            {
+                pollution,
+                globalWarming
+            };
+
+            download.Files = new ObservableCollection<File>
+            {
+                games,
+                tutorials,
+                typeScript,
+                uiGuide,
+                camera
+            };
+
+            mp3.Files = new ObservableCollection<File>
+            {
+                song
+            };
+
+            pictures.Files = new ObservableCollection<File>
+            {
+                camera,
+                stone,
+                wind
+            };
+            camera.SubFiles = new ObservableCollection<SubFile>
+            {
+                img0,
+                img1
+            };
+
+            video.Files = new ObservableCollection<File>
+            {
+                camera,
+                video1,
+                video2
+            };
+
+            drive1.SubFolder = new ObservableCollection<SubFolder>
+            {
+                doc,
+                download,
+                mp3
+            };
+            drive2.SubFolder = new ObservableCollection<SubFolder>
+            {
+                pictures,
+                video
+            };
+            nodeImageInfo.Add(drive1);
+            nodeImageInfo.Add(drive2);
+
+            checkedItems = new ObservableCollection<object>();
+            checkedItems.Add(doc);
+            checkedItems.Add(typeScript);
+            checkedItems.Add(uiGuide);
+            checkedItems.Add(stone);
+            checkedItems.Add(wind);
+            checkedItems.Add(song);
+
+            return nodeImageInfo;
+
+        }
+        #endregion
+    }
+```