What's an easy way to design view layouts in ASP.NET MVC?

What's an easy way to design view layouts in ASP.NET MVC?

Posted by: mayankverma0548 on 5 May 2021, 8:22 am EST

• 

  mayankverma0548

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 5 May 2021, 8:22 am EST

  Hi,
  
  I am trying to make some projects on MVC for my portfolio. I was having some trouble making good looking view layouts. I just don’t understand how I am supposed to proceed.

  I have an idea of what I want to create but even after a lot of Google and YouTube I am having some difficulty with views. I am just really bad at understanding front end stuff.

  Would really appreciate it if someone can help me out. I don’t even know the right questions at the moment. All I know is, I tried using bootstrap but I don’t think I can use bootstrap classes with html helper.
  
  Thought of learning vue and checked some tutorials then incorporating that but I didn’t really understand how I am supposed to use vue inside of asp MVC project.

  I guess 2 years of not coding at all has destroyed my acumen of even understanding these things.

• 

  manish.gupta

  

  • Post Options:
  • Link
    Copy

  Posted 5 May 2021, 7:18 pm EST

  Hi Mayank,
  
  First you need to decide if which JS framework you would like to use for FrontEnd development.
  
  Once the front end is defined, you may create the WebApi project to interact with the Server for Data access and it is very easy to access API using the JS framework.

  If you would not like to use the JS Framework, you may go with the Asp.net Core for both end and server side. It provides tags instead of HTML helper that would be easy for you to work instead of HTML Helper where you are facing difficulty.
  
  In case you would like to work with MVC project with the HTML helper, please refer to the following code using with bootstrap for styling:

  @Html.TextAreaFor(m => m.Description, new { @class = "form-control" })
  

  If you are looking to work with some awesome built in control with bootstrap styling, please refer to our demo sample:
  
  JS Framework: https://www.grapecity.com/wijmo/demos/
  
  Server Side: https://demos.componentone.com/aspnet/5/mvcexplorer

  Hope it helps! In case you have any further queries, please let us know. We would be glad to help you.

  Regards,
  
  Manish Gupta

• 

  mayankverma0548

  • Post Options:
  • Link
    Copy

  Posted 14 May 2021, 5:39 pm EST

  Thank you for your reply