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

Collections in C#

Collections in C# In our previous article , we have learned about how we can use arrays in C#. Arrays in programming are used to group a set of related objects. So one could create an array or a set of Integers, which could be accessed via one variable name. What is Collections in C#? Collections are similar to Arrays, it provides a more flexible way of working with a group of objects. In arrays, you would have noticed that you need to define the number of elements in an array beforehand. This had to be done when the array was declared. But in a collection, you don't need to define the size of the collection beforehand. You can add elements or even remove elements from the collection at any point of time. This article will focus on how we can work with the different collections available in C#. There are three distinct collection types in C#: standard generic concurrent The standard collections are found under the System.Collections. They do not store elemen...
Post a Comment
Read more

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

System.IO Namesapce in C#

  System.IO Namesapce in C# A  file  is a collection of data stored in a disk with a specific name and a directory path. When a file is opened for reading or writing, it becomes a  stream . The stream is basically the sequence of bytes passing through the communication path. There are two main streams: the  input stream  and the  output stream . The  input stream  is used for reading data from file (read operation) and the  output stream  is used for writing into the file (write operation). From the above definition of file, the C# provides a namespace that enable us to manipulate file in C# called System.IO.   System.IO  is a  namespace  and it contains a standard IO (input/output) types such as classes , structures , enumerations , and  delegates  to perform a read/write operations on different sources like file, memory, network, etc.   System.IO Classes The table below shows differen...
Post a Comment
Read more