M# Tutorials

Learn to build .NET applications with M#. Our step-by-step tutorials will get you up-to-speed rapidly.
If you already know ASP.NET and C#, you can master M# in a week or two.

Modal VS Standard

In this lesson we will learn about two types of pages provided in M#. We will also look at the CSS and mark-up of each page.

Structure

M# creates two types of master page when you create a new project. Both master pages are loaded with a default layout and set of CSS files.

1) FrontEnd (Standard Pages)

2) FrontEnd.Modal (Modal / popup pages)

M# encapsulates all the Stylesheets and Master Pages in one folder called “App_Templates”:

M# generates default template styles, which can be modified later according to the website design.

Standard.css

This stylesheet contains the global design related styles, which can be used generically throughout the website.

Template.css

This stylesheet is used to design the layout of the main template page. M# generates this stylesheet for each Master Page.

Styles.css

M# generates this stylesheet to design and style page contents related to respective master page. M# generates this stylesheet for each Master Page.

Standard Master Page

Although there is no hard and fast rule for using master pages, pages inheriting this type of master page are usually used to display primary data in the website. M# creates three default modules for this type of page and specifies them in the mark-up, as shown in the picture below:

Banner Module

This module contains header related info e.g. Logo, Top Menu, Greetings etc. This module can be modified and managed in M#

Sidebar Module

This module is used to display the side menu on the standard page. “Body” tag class in above picture gets the “Class” based on a page setting which is also determined to show or hide the sidebar module. Page settings are discussed in another lesson. This module is also customizable.

Footer Module

This module holds all the footer related info in the default template and is also customizable in M#.

Modal Master Page

Pages inheriting this master page are displayed on top of standard pages in a modal or popup form using a HTML IFrame.