SITE 80% COMPLETE:
Finally added a page to show the services that we offer, imaginatively named services.
Created four panels, these panels break our services down into four sections:
- COMPUTER SERVICES
- NETWORK SERVICES
- SERVER SERVICES
- MISCELLANEOUS SERVICES
Each section is made up of two ASP.NET panels, one for the heading and one for the content section, which is the part that expands and collapses. The ASP.NET panels are extended with the AJAX collapsible panel extender.
The content panel contains a table with two columns, left-hand column holds images relating to the service being provided and a description of the service is provided in the right-hand column.
Only the first panel is expanded on page load (collapsed="false"), the other sections are collapsed on page load (collapsed="true"), these can then be expanded/collapsed at users content.
Each panel has a height attibute of zero in the style sheet (height: 0px;), this prevents the panel from being displayed before it is collapsed by the extender as the css attributes are fired first. If this attribute was not set this way, you would get a flash of the panels on page load, which is very annoying.
Posted
Sep 05 2007, 05:27 PM
by
Jay Neal
Filed under: the-port.co.uk, computer, the-port, panel, newport, component, server, ajax, table, panels, asp.net, column, tables, extender, services, sheet, ASP, attribute, collapse, collapsed, expanded, extended, css, style, network, service, collapsible