Skip to main content

Layout Nesting in ASP.NET MVC


ASP.NET MVC Layout Nesting

 This article is all about nesting layouts in MVC (master pages for WebForms). Sounds easy and it pretty much is until you come to using sections.
Sections appear to catch people out as they need to be declared in the Layout specified by the content page, so if you have a sub-layout calling a master layout, how do you pass over a scripts section from the content to the master layout. This might catch a couple of people out who consider themselves proficient in MVC. The answer is as simple as nesting the sections too.
It will be good to adhere to the scripts section as many people who deal with layouts will be used to that. Let consider a site that deals with Employee Management. The Employees are of different categories and let’s say we have a controller dedicated to the topic of Employee Department.
If we designed a page for HR department and it layout is completely different from that of Customer Service department and Finance Department.
We decided to use a stylesheet just for HR Department area of the site – no Customer or Finance styles.
What we should always put at the back of our minds when dealing with Nested Layout in ASP.NET MVC is the scripts section has to be nested also so as to have the effects of the scripts in the child layout.

As explained above, if we have HR department page with some menu or different visual effects which is specific to that layout and the general layout of the entire site, we can have all the scripts section defined in the master layout, that is, the jquery and CSS links in the script section of the master layout and nest the script section the HR specific Layout as shown below
  By nesting Layout in a view is to called a master layout within the head section of the child layout as shown below
layout master

In the master layout, we have to provide a script section as shown below
script section

Called the child layout in our view mean to specify the location of the layout in our view as shown below
child layout

In the child layout, we also nest the script section as shown below
nested script

 Complete Master Layout code
master layout code

complete Nested Layout code
nested layout code


Labels:
Location: Abuja, Nigeria

Comments

  1. UnknownMarch 9, 2020 at 3:16 PM

    I love the way you explained the concept of layout nesting Engineer. Thank you

    ReplyDelete

Post a Comment

Popular posts from this blog

The String.Join Method in C# Explained

The String.Join Method in C#   The string.Join concatenates the elements of a specified array or the members of a collection, using the specified separator between each element or member. Overloads of string.Join Method Description Join(Char, Object[]) Concatenates the string representations of an array of objects, using the specified separator between each member. Join(Char, String[]) Concatenates an array of strings, using the specified separator between each member. Join(String, IEnumerable<String>) Concatenates the members of a constructed IEnumerable<T> collection of type String, using the specified separator between each member. Join(String, Object[]) Concatenates the elements of an object array, using the specified separator between each element. Join(String, String[]) Concatenates all the elements of a string array, usi...
Post a Comment
Read more

Most Popular Programming Languages in 2020

Most Popular Programming Languages in 2020 In this blog post, you will learn about the most popular programming languages in 2020 for creating the best web applications. Check its pros and cons. Analyzed by technostacks Not very long ago, just a few people were considered to be computer programmers, and the general public viewed them with awe. In this digital age that we are now living in, however, a large number of IT jobs need a solid grasp of one or more programming languages. Whether one wants to develop a mobile app or get a certification for having programming knowledge, or even to learn new skills, one needs to opt for the right programming language. Below mentioned eight most popular programming languages which are in demand for software development and web applications. This is the most used programming languages in 2019 and will be in 2020. For each, there is little information about the language, benefits and its complexity, as well as about its usage. One must...
1 comment
Read more

HashTable in C# with Example

  HashTable in C# with Example Hashtable  is used to store a collection of key/value pairs of different  data types  and are organized based on the hash code of the key.   Generally, the hashtable object will contain buckets to store elements of the collection. The bucket here, is a virtual subgroup of elements within the hashtable and each bucket is associated with a hash code, which is generated based on the key of an element.   In C#, hashtable is same as a  dictionary  object but the only difference is that the  dictionary  object is used to store a key-value pair of same  data type  elements.   When compared with  dictionary  object, the hashtable will provide a lower performance because the hashtable elements are of object type so the boxing and unboxing process will occur when we are storing or retrieving values from the hashtable.   C# HashTable Declaration Hashtable is a non-generic type...
Post a Comment
Read more