![]() ![]() ![]() The grid is divided into a specific number of columns to keep the layout clean and easy to handle. In fluid grids we define a maximum layout size for the design. Now the time has come to create percentage based designs which are known as fluid designs. It was all about pixel based layout design. Then the layout became adaptive by using different pixel sizes at different screen sizes. We used to design inside fixed grids with the 960px system. The advantage of fluid grid is that we can adjust the max-width and it will still work on larger screens due to the percentage based calculations. So we just cannot plan for smaller devices in responsive design. On the other hand, desktop monitors are getting wider with higher resolutions. Mobile devices are getting smaller in size and people prefer using them in their personal work. Since fluid grids flow naturally within the dimensions of its parent container, limited adjustments will be needed for various screen sizes and devices. Hence we will have to adjust the widths and heights manually in certain device viewports. In adaptive grids, we define pixel-based dimensions. Regardless of what the device or screen size is, components in fluid designs are going to flow and adapt to the user environment. In web design, fluid will be our design or layout and shear stress will be the screen size or user device. So I’ll make things clear by explaining the above definition in simple practical terms. There is no better explanation than the definition given by Wikipedia on fluid.Ī fluid is a substance that continually deforms (flows) under an applied shear stress – Wikipedia It’s important to know the meaning of fluid grids before we start thinking about the designs. Print Settings Page - provides access to the View’s print settings.Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design AssetsĭOWNLOAD NOW What is a Fluid Grid Layout?.Print Appearances Page - specifies appearance settings used when printing the grid control.View Repository Page - enables the Views used to represent the data in Grid Control to be created and customized.In-place Editor Repository Page - enables in-place editors to be created and customized.Style Format Rules Page - enables conditional formatting to be implemented. ![]() Appearances Page - allows the appearance settings that are used to paint View elements to be customized.EditForm Designer - allows you to customize the layout of the Edit Form.Group Summary Items Page - provides group summary management features.Layout Page - enables the View layouts to be customized, saved and restored.Selecting a particular feature within the tree View results in filtering the property grid so that only the properties and events that relate to this feature are displayed. Feature Browser - allows controls to be easily customized by providing a structured feature list with related settings.Bands Page - provides band management features (this page is only displayed for banded and advanced banded Grid Views).Columns Page - provides column management features.Views Page - allows the View hierarchy to be customized and provides access to the currently selected View’s settings.Each page is described in detail in the following topics. You can switch to a particular section/page by clicking the corresponding link in the navigation bar. Each section, in turn, contains a number of pages that relate to specific aspects of the control or View functionality. The designer contains Main, Appearance, Repository and Printing sections in the navigation bar. Invoke the control’s smart tag and select Run Designer.Click the Run Designer command displayed at the bottom of the Properties window (when the grid control is selected).Right-click the Grid Control and select the Run Designer item from the context menu.Click the Run Designer button in the Level Designer.Use one of the following approaches to invoke the Grid Designer: Please refer to the On-form Band and Column Customization and Level Designer documents for details. Some customization features provided by the designer can also be used directly within the grid control without having to invoke the designer. The Grid Control provides an advanced Designer dialog that allows you to customize Views and View levels, bands and columns, summaries, the in-place editor and View repository, appearance settings, and printing options. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |