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

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

  • Posted 5 May 2021, 8:22 am EST

    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.
  • Marked as Answer

    Replied 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.

    Manish Gupta

  • Replied 14 May 2021, 5:39 pm EST

    Thank you for your reply

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels