Layout

Resources

How to Fix Layout Shift Issues in Web Pages for Better UXApr 20, 2026. Fix layout shifts for better UX and SEO! Learn to stabilize your website by setting image dimensions, reserving ad space, and optimizing font loading. Boost rankings!
Master Page vs Layout Page in ASP.NETOct 31, 2025. Explore Master Pages (.master) in ASP.NET Web Forms and Layout Pages (_Layout.cshtml) in ASP.NET MVC/Core. Learn their features, usage, and when to use each for consistent UI design.
Calculating the Area of Any Regular Polygon: Powering Solar Farm Layout OptimizationOct 12, 2025. Unlock the power of regular polygon area calculation for solar farm optimization! This article provides a comprehensive guide, from the mathematical formula to Python implementation, complete with validation, edge cases, and best practices. Learn how to maximize land use and energy yield in renewable energy projects, ensuring cost-effectiveness and a sustainable future. Discover real-world applications and step-by-step instructions for efficient solar panel array design.
Dynamic Menus in Layout Page Using Sessions in ASP.NET Core 6Jan 31, 2025. Store dynamic menu data in session and display it across multiple pages using the layout page in ASP.NET Core 6.
Menu Navigation Layout in Android StudioDec 06, 2024. The article explains creating a navigation menu layout in Android to enable seamless activity transitions. It covers Java code and XML design with DrawerLayout and NavigationView, ensuring intuitive UI interaction.
Introduction To Flexbox: A Powerful Layout ModelDec 05, 2024. Flexbox, short for Flexible Box Layout, is a modern CSS layout model that simplifies web design by providing powerful tools for alignment, spacing, and responsiveness.
Learn About Layout View In Razor PagesMay 30, 2021. In this article, you will learn about Layout View in Razor Pages.
ASP.NET MVC - Layout ViewSep 09, 2020. In this article we are going to explore the concept of ASP.NET MVC vs WebForms and Advantages of using MVC architectural design pattern in Asp.Net. Also we are going to create demo project for Layout View.
Controls And Layout In WPFAug 13, 2020. In this article, you will learn about Controls and Layout in WPF.
Row Layout Option Missing In Multiline FieldJul 05, 2020. This article is about fixing an error in a multiline field.
How To Use Constraint Layout In Xamarin.AndroidSep 05, 2019. This article demonstrates what a Constraint Layout is and how to use it in Xamarin.Android and Xamarin.iOS to improve your page performance and the response of UI.
Design Whatsapp Page With Grid Layout In Xamarin.FormsMay 29, 2019. Explore Xamarin.Forms, a cross-platform mobile framework, facilitating UI development with XAML. Utilize Visual Studio 2017/2019 for C# coding. Design WhatsApp-like layouts using Grid Layout, Labels, and Images. Develop multi-platform apps effortlessly!
Multiple Layout In React Using React Router V4Dec 28, 2018. This article is for beginners who want to learn how to implement multiple layouts to React using React Router V4. Here, I will show you how we can create multiple layouts or master pages and use those layouts for different components using the React-Router.
Create A Custom Page Layout For SharePoint OnlineAug 08, 2018. Learn how to create a custom page layout in SharePoint Online to enhance your site's design and functionality. This guide covers essential steps for customizing page layouts, including utilizing web parts, applying responsive design techniques, and optimizing user experience.
How To Create A Simple Calculator Using Grid Layout In Xamarin.FormsJul 12, 2018. In this article, we will learn how to develop a basic calculator using Xamarin. Forms, leveraging the power of Grid Layout for efficient UI design.
Display Popup Using Absolute Layout In Xamarin.FormsJun 08, 2018. This article demonstrates how to display popup using Absolute layout in Xamarin Forms.
Convert MVC View And Layout File Into HTML ContentMay 29, 2018. Let’s discuss how to get the MVC view and layout html content through Razor View String. For instance, if you want to generate PDF through HTML content, you need to get the MVC View and Layout DOM content.
Working With Layout Page In BlazorMay 24, 2018. Some part of page remains as is throughout the application such as header, navigation, footer etc. ASP.net application introduced MasterPage and ASP.net MVC introduced layout page that contains common UI parts, so we need not to write duplicate code in every page. Blazor also has Layouts that resolved duplicate code problem.
ASP.NET Core 1.0 - Change Bootstrap Layout In Three StepsJan 14, 2018. This article walks you through the steps for creating a ASP.NET Core Web Application using Bootstrap as template for layout and changing it to a new one.
ASP.NET Core 2.0 MVC Layout PagesNov 02, 2017. Layout page is added to the Views/Shared folder and is named (as a convention) _Layout.cshtml. There can be more than one layout pages in your application too.
Creating Drawer Layout Using Material Design In Xamarin.AndroidSep 09, 2017. In this article, you will learn how to create Drawer Layout using Material Design in Xamarin.Android.
Absolute Layout In Xamarin.FormsJul 08, 2017. In this article we are going to learn about absolute layout in xamarin.forms.
Relative Layout In Xamarin.FormsJul 08, 2017. In this article we are going to make a relative layout in xamarin.forms. Xamarin forms have many other types of layouts that include stack layout, grid layout, and absolute layout. If you want to read more about layouts and UI elements of xamarin forms then read this article.
Xamarin.Android - Horizontal And Vertical View In Linear Layout Using Visual Studio 2017May 05, 2017. Xamarin.Android - Horizontal And Vertical View In Linear Layout Using Visual Studio 2017.
Create Page Layout Using Design Manager In SharePoint OnlineApr 18, 2017. In this article, I would like to share the steps for creating the page layout, using SharePoint Design Manager.
Bootstrap CSS - Layout A PageMar 15, 2017. This article is about web page layout using Bootstrap CSS
Creating Sliding Tab Layout Interface Using Xamarin Android Using Visual Studio RC 2017Feb 06, 2017. This Android app development tutorial enables you to understand the Tab layout. For example, I demonstrate how to slide a Tab from the layout to another page layout.
Create A Frame Layout In Xamarin Android App Using Visual Studio 2015Dec 27, 2016. In this article, you will learn how to create a Frame Layout in Xamarin Android app, using Visual Studio 2015.
Create An Absolute Layout In Xamarin Andorid App Using Visual Studio 2015Dec 24, 2016. In this article, you will learn how to create an Absolute Layout in Xamarin Android apps, using Visual Studio 2015.
How To Use Grid Layout In Xamarin.Forms Application For Android And UWPDec 17, 2016. In this article, you will learn how to use Grid Layout in Xamarin Forms application for Android and Universal Windows Platform with XAML and Visual C# in cross-platform application development.
Project Layout In ASP.NET Core 1.0Dec 14, 2016. In this article, I will explain project layout In ASP.NET Core 1.0.
Create A Relative Layout In Xamarin Android App Using Visual Studio 2015Nov 27, 2016. In this article, you will learn how to create a relative layout in Xamarin Android app, using Visual Studio 2015.
Developing BookMySeat Application In AngularJS And ASP.NET - BookMySeat Page Layout , Angular Services And Custom Directive - Part FiveOct 25, 2016. In this article, you will learn about BookMySeat Page Layout, Angular Services and Custom Directive for developing BookMySeat Application.
Changing Page Color And Layout Of The Site On SharePoint Using Office 365Aug 23, 2016. In this article, you will learn, how to change page color and layout of the site on SharePoint, using Office 365.
How To Design Adaptive Layout For Windows Desktop And MobileAug 16, 2016. In this article, I’ll explain how to design an adaptive layout which will target different sizes of Windows screens.
Xamarin Android: Create Android Navigation Drawer Layout Using Support DesignJul 13, 2016. In this article, you will learn how to create using Navigation Drawer Layout Android Support Design.
Introduction To Material And Layout Units And Measurements In Google Material Design GuidelinesJul 11, 2016. In this article, you will learn about material and layout units and measurements in Google Material Design guidelines.
How To Create Layout In HTML5Jul 01, 2016. In this article, you will learn how to create layout in HTML5 and CSS3.
Quick Start Tutorial: Creating Universal Apps Via Xamarin: Stack Layout and Layout Options - Part SevenJun 16, 2016. In this article, you will learn about stack layout and layout options to create universal apps via Xamarin.
Change Page Layout Using CSOM With PowerShell in SharePoint OnlineMay 13, 2016. In this article you will learn how to change the page layout of existing publishing page using CSOM with PowerShell in SharePoint Online / SharePoint 2013.
ASP.NET Core Project Layout in Visual StudioMar 27, 2016. This article will help you understand project layout in Visual Studio.
Change Page Layout Dynamically Using jQuery Layout Plug inFeb 25, 2016. In this post we are going to see how we can change the layout of a page dynamically, without writing any CSS styles for the page.
Implementing Adaptive Layout In UWP AppFeb 18, 2016. In this article you'll learn a proper way to implement adaptive layout by VisualStateManager and AdaptiveTrigger in your UWP App.
Visual Studio 2015 Feature Custom Windows Layout - Part 1Dec 23, 2015. In this article you will learn about custom Windows Layout in Visual Studio 2015.
Learn About Layout Page In ASP.NET MVCDec 17, 2015. In this article, I will demonstrate you about layout page in ASP.NET MVC.
Change Layout Page Dynamically In ASP.NET MVC 5Dec 07, 2015. This content provides a comprehensive guide to implementing dynamic layout pages in ASP.NET MVC applications. It begins with an introduction to the need for changing layout pages based on user roles or specific purposes. The concept of a layout page, which establishes a consistent design across all pages similar to ASP.NET.
Create Custom Page Layout In SharePoint OnlineDec 04, 2015. In this article you will learn how to create custom page layout in SharePoint online.
Create A Custom Page Layout In SharePoint 2013 And Office 365Oct 29, 2015. In this article you will learn how to create a custom Page Layout in SharePoint 2013 and Office 365.
Fragment Layout In AndroidJul 26, 2015. This article explains the Fragment Layout in Android.
WPF Layout System: An IntroductionFeb 23, 2015. In a series of articles, I will discuss the layout process in WPF. The series starts with an understanding of the WPF layout process.
CSS3 Series Part 3: Multi Column Layout With CSS3Feb 21, 2015. In this article we will learn a new feature offered by CSS3, Multi Column Layout.
Programmatically Set Available Page Layout in SharePointFeb 20, 2015. In this article we will learn how to programmatically set an Available Page Layout in SharePoint.
Understanding Layout and Resources Using Android StudioJan 09, 2015. This article illustrates the use of Layout and String resources using Android Studio.
Simple Way To Drag and Drop the Control Within Parent Layout in Windows PhoneNov 26, 2014. This article shows how to drag and drop controls inside of the parent layout in Windows Phone.
Mastering WPF DataGrid in a Day: Hour 2 DataGrid Layout and BorderSep 30, 2014. In Hour 2 of this series, I will talk about the DataGrid control layout and border.
Canvas Layout in WPFSep 29, 2014. In this article, we will learn about the Canvas Layout and its properties in WPF.
How to Call Layout View at Run Time in MVCSep 22, 2014. This article explains what layout is and how to use it.
Grid Layout in WPFSep 10, 2014. WPF Grid panel enables you to arrange children elements in cells defined by rows and columns. In the code example of this article, we will learn Grid layout and its properties in WPF using C# and XAML.
Menu Link in Layout Sample in MVC - Day 8Aug 02, 2014. In this article we will see how to create a link in layout view in MVC.
Twitter Bootstrap 3 Layout and ButtonsJun 11, 2014. In this article we will see Buttons and Layouts in Twitter Bootstrap 3.
Working With Layout and CSS in ASP.Net Web Pages 2Jan 10, 2014. In this article, we'll learn how to create a layout and use it in the site using WebMatrix.
Add Layout in Fragments In AndroidNov 14, 2013. In this Article you will learn about how to add layout in Fragments in Android using Android Studio.
ASP.Net MVC 4 - Layout and Section in RazorSep 12, 2013. Razor has a feature called "layouts" that allow you to define a common site template, and then inherit its look and feel across all the views/pages on your web application.
Working With Semantic Elements in HTML5 With Layout Examples : Part 2Sep 11, 2013. In this article, we'll cover some other HTML5 Semantic Elements and we'll also design a HTML5 basic layout using new semantic elements.
Working With Semantic Elements in HTML5 With Layout Examples : Part 1Sep 10, 2013. In this article, we'll learn working of HTML5 New Semantic Elements and we also learn designing of traditional html layout.
Learn How To Dynamically Create the Layout in AndroidSep 04, 2013. This article explains how to dynamically create the layout in Android. Android Studio is used for the sample.
Learn Table Layout in AndroidAug 29, 2013. This article explains TableLayout in Android. Android Studio is used to create the sample application.
How to Create a PSD Layout For BeginnerJul 03, 2013. In this article you will learn how to create a simple PSD Layout for a web page .
Introduction to Frame, Panel, Applet, Button, Layout In AwtMar 22, 2013. In this article, you will learn what frames, panels, applets, buttons, and layouts are in AWT with examples.
Create a Table Layout in AndroidFeb 15, 2013. This article provides a procedure showing how to create a table layout and how to use it.
Linear Layout In AndroidFeb 14, 2013. In this article I explain what are the types of layouts in Android and where we can use a Linear Layout in Android.
How to Set Layout of Button in iPhoneJan 19, 2013. In this article I will explain how to set the layout of a button with in Orientation.
Change Our Keyboard Layout in Windows 8Dec 28, 2012. In this article we are going to explain how to change our keyboard layout in Windows 8.
Various Types of Layout Controls In Windows Store AppsAug 20, 2012. In this article I explain the various types of layouts and how they wor in Window Store apps.
Live Layout in PowerPoint 2013Aug 14, 2012. This article describes a new feature of Microsoft PowerPoint 2013 called Live Layout.
Live Layout in Word 2013Aug 06, 2012. In this article we will discuss the new feature introduced in Microsoft Word 2013, Live Layout.
Use of BLOCK ARROW With Layout Property in Expression Blend 4Jul 20, 2012. We are going to see the use of Block Arrow Shapes of Expression Blend 4. Block arrow Shapes are divided into 4 parts; they are: Block Arrow Down, Block Arrow Left, Block Arrow Right and Block Arrow Up.
Change Theme of Layout Runtime by Button Click in AndroidApr 06, 2012. In this article, we will see how to change the layout theme of an Android application at runtime by clicking on a button.
Create a Web Form Layout Using HTML5Apr 02, 2012. This is a simple application for beginners that shows how to format a web form using HTML 5 and CSS tools.
Working With the Layout ManagerMar 03, 2012. In this article we are going to describe the Java layout manager and its use for setting the components within a container. A layout manager is an object that implements the LayoutManager interface and determines the size and position of the components within a container. There are several AWT and Swing classes providing layout managers for general use.
Binding and Defining Layout Through XAML in Metro Style ApplicationFeb 04, 2012. In this article we are going to explore how to define layouts inside a Metro Style Application and the concept of binding as well.
Working with Tab Layout in Mono For AndroidOct 04, 2011. Tab Layout is used to wrap multiple views in a single window and navigate thought them with a Tab Container. Let's learn in this article how to create and work with the Tab Layout in Mono for Android.
Silverlight Dynamic Layout and Triggers TransitionsSep 29, 2011. In this article we will be learning about the Dynamic Layout Transitions in Silverlight and how to add Triggers to the Transitions and also a Slider control which will control the Transition speed of the Transitions.
Working with 3rd party Layout Manager in BlackBerrySep 23, 2011. The GridFieldManager provides an easy way to manage a table or list layout on the screen, with the help of this article I will explain the GridFieldManager with an example.
Working with Layout Managers - User Interface in BlackBerrySep 21, 2011. RIM’s layout managers are akin to Swing layout managers, and allow you to arrange lots of fields on the screen, it is responsible for determining where a UI element will be positioned on the display.
Creating a Custom Page Layout for Publishing Portal in SharePoint 2010May 09, 2011. In this article I am showing you how to create a accustom page layout using SharePoint Designer 2010.
Create Pages based Layout Pages using sandbox with full trust ProxyApr 18, 2011. In this article I am explaining the step by step procedure to create a sandbox solution with full trust proxy.
Screen Layout Designing in a Movie Theater using GridViewMar 07, 2011. In this article I will show designing of GridView control as a movie screen layout in ASP.Net.
Panels in Layout Mechanism for Windows Phone 7Dec 06, 2010. Panels are written entirely in code. There is no XAML involved. When you write a Panel derivative, you’ll probably be defining a couple properties to make the panel more flexible.
Intricacies of Layout in Windows Phone 7 Dec 03, 2010. One of the most important classes in all of Silverlight is Panel-the class that plays a starring role in the Silverlight layout system. You might expect such a crucial class to define many properties and events.
Silverlight - Canvas Layout ExampleNov 29, 2010. In this article we will be seeing how to create Silverlight Canvas Layout using Visual studio 2010.
Silverlight Grid Layout Control ExampleNov 29, 2010. In this article we will be seeing how to create Silverlight Grid Layout using Visual studio 2010.
Silverlight -StackPanel Layout Control ExampleNov 29, 2010. In this article we will be seeing how to create Silverlight StackPanel Layout using Visual studio 2010.
Div Layout vs. Table Layout - Web DesigningAug 31, 2010. Most of the web designers directly chose the table based layout for their websites. Reason behind this is it's very easier to design a webpage rather than going for div based layout or the web designers are not that much familiar with CSS.
Applying CSS Layout in the Data ControlsSep 23, 2009. This article explains about the how to apply CSS layout in the data controls with sample codes.
Introduction to Page Layout using DIV elementFeb 03, 2009. This article explains about benefits of using DIV tag over TABLE in page layout design.
XAML Layout using the Panel ClassApr 12, 2007. This article describes how to use the DockPanel element to achieve standard layouts in XAML. While there are a number of interface elements that can be used to position controls in your application, DockPanel provides one of the easiest mechanisms for defining scalable layouts.
Using Generic Algorithms to Layout Circuit BoardsApr 07, 2003. This article tells you how to use a Genetic Algorithm to optimally layout parts on a circuit board so they have the shortest connections between them.
PnP Modern Search Results – Part 2: Custom Layouts with Handlebars (Beginner to Practical)Apr 11, 2026. Customize PnP Modern Search results with Handlebars! Learn to create dynamic layouts, bind data, and use @root for global data access. Beginner-friendly tutorial.
Why Does a Website Show Different Layouts on Different Browsers?Feb 13, 2026. Unlock consistent website layouts across browsers! Learn why Chrome, Firefox, and Safari display sites differently and how to fix cross-browser compatibility issues for better UX.

Tags