1. Home
  2. Forum
  3. ASP.NET MVC (Classic)
  4. Grid is not displaying(Visibility is false on div)

Grid is not displaying(Visibility is false on div)


i have created MVC 4 sample project using syncfusion it take much time to configure and run the project. i used grid for displaying data,But there is an issue, Grid is not displaying data one of div is set visible false and other is display none. at run time i removed all my CSS and checked whether it is conflicting with syncfusion CSS but nothing changed, Issue is still there.
i am attaching my project kindly go through it.

thanks


Attachment: SyncFusionTest_f156241.zip

3 Replies
KN Kavitha Narayanan Syncfusion Team February 12, 2016 11:59 AM UTC


Hi Farrukh,

Thanks for contacting Syncfusion support.

Query: I have created MVC 4 sample project using syncfusion it takes much time to configure and run the project.

You can create the Syncfusion MVC project with the help of a sample creator.

Please refer to the following UG links of sample creator.

  http://help.syncfusion.com/extension/aspnet-mvc-extension/step-by-step-installation 
  http://help.syncfusion.com/extension/aspnet-mvc-extension/sample-creator 


When use ASP.NET MVC Classic Grid sample:

To use ASP.NET MVC Classic Grid, please refer to the following steps,

1.    Create a new project in visual C#.

2.    The Syncfusion ASP.NET MVC controls require the following assembly reference in the project:

Syncfusion.Grid.Mvc

Syncfusion.XlsIO.Mvc

Syncfusion.Pdf.Base

Syncfusion.DocIO.Mvc

Syncfusion.Shared.Mvc

Syncfusion.Linq.Base

Syncfusion.Theme.Base

Syncfusion.Tools.Mvc

3.    Click Add Reference Item and browse the above mentioned Syncfusion assemblies from GAC (or Precompiled Assemblies from the mentioned location “<Installed Location>\Syncfusion\Essential Studio\XX.X.X.XX\precompiledassemblies”).


Please refer to the following screenshot.

                                

      4.   Add the following assembly’s reference in the web.config file

             Project->web.config
           
                 

5.    After adding the assemblies in the web.config file, you can configure changes in  another web.config file located under the Views folder.
               Root directory -> Views -> web.config 

               Add the following name spaces in the pages tag.

    

Query:  Grid is not displaying data one of div is set visible false and other is display none.

Include the Script Manager and Style Mangager in the _Layout.cshtml file in the following location<ApplicationRootDirectory>\Views\Shared\_Layout.cshtml file.

 The Script Manager is before the</body> tag as follows:

 @{Html.Syncfusion().ScriptManager().Combine(true).Minify(true).Render();}

Add the Style Manager in the <head> tag as follows:

@(Html.Syncfusion().StyleManager().Combine(true).Minify(true)

        .Register(component =>

            {

                component.Add(ComponentType.Grid);

                                                                                                             

                             

            }))

Please refer to the online link.

http://help.syncfusion.com/aspnetmvc-classic/how-to-add-essential-tools-to-an-mvc4-application

For your reference, we have attached a sample:
Sample: http://www.syncfusion.com/downloads/support/forum/121951/ze/sample1482346018.zip

When use ASP.NET MVC Grid sample:

To use ASP.NET MVC Grid,please do the following,

1.       Create a new project in visual C#.

2.       The Syncfusion ASP.NET MVC controls require the following assembly reference in the project:

                   Syncfusion.EJ.dll

                   Syncfusion.EJ.Web.dll

3.      Click Add Reference Item and browse the above mentioned Syncfusion assemblies from GAC (or Precompiled   Assemblies from the mentioned location “<Installed Location>\Syncfusion\Essential Studio\XX.X.X.XX\precompiledassemblies”).


Please refer to the following screenshot.

                                         


4.       Add the script file in the script folder in the following order.

                     


5.       Add the following assembly’s reference in the web.config file

             Project->web.config

                                       

6.    After adding the assemblies in the web.config file, you can configure changes in   another web.config file located under the Views folder.

         Root directory -> Views -> web.config 
               Add the following name spaces in the pages tag.

                                      

         


7.       Disable the Unobtrusive by setting it to “false” mode in the web.config file under the Root directory.

                      


8.    Include the Script Manager in the View page or in _Layout.cshtml file in the following location<ApplicationRootDirectory>\Views\Shared\_Layout.cshtml file. The Script Manager is added after the control creation or before the</body> tag as follows:


                    

  Refer to the following Help document

  UG Link: http://help.syncfusion.com/aspnetmvc/getting-started  

  Regards,

  Kavitha N.



FA Farrukh February 13, 2016 10:12 AM UTC

first of all i have added all these assemblies in the project i removed because the project size exceeded from maximum file size of the project for attachment.some code is missing from my project but they are added now but issue is still there so what i have to do now.please refer to my issue in my attachment.

Attachment: Grid_issue_32583900.zip

KN Kavitha Narayanan Syncfusion Team February 15, 2016 09:18 AM UTC

Hi Farrukh,

In our last update, we have provided a solution for this issue. Refer to the screenshot,


Please refer to the following UG and video.

UG Link: http://help.syncfusion.com/aspnetmvc-classic/grid/how-to/how-to-avoid-grid-invisibility

Video: http://www.syncfusion.com/downloads/support/forum/122056/ze/video-690930651.zip

If you still face the same issue, please replicate the issue in the last updated sample and send to analyze and provide you a better solution.

Regards,
Kavitha N.


Loader.
Up arrow icon