Tab Panel Magic supports nesting: inserting a Tab Panel inside of another Tab Panel. This feature allows for very creative designs and solutions, such as the example you are now looking at. Each nested panel can be a different style theme—although it is often good design pracice to use the same theme, as we've done here. We've used a couple of simple CSS rules to remove the matting around the nested Tab Panels because we thought it looked better. Each Tab Panel you create is assigned an ID of "p7TPM_X", where X is an incremented number based on how many Tab Panels are on the page. We can use these IDs to assign specific attributes to a single Tab Panel without affecting the main theme CSS. Here we are removing padding and configuring borders using these custom rules:
#p7TPM_2, #p7TPM_3 { padding: 0; border: 0px; }
#p7TPM_2 .p7TPMcwrapper_10,
#p7TPM_3 .p7TPMcwrapper_10 {
border-left-width: 1px;
border-right-width: 1px;
border-bottom: 0px;
}
We are developers of cutting edge extensions for Adobe Dreamweaver.
Ohio and North Carolina, USA—with branch offices throughout the galaxy.
We make the finest widgets, menu systems, and CSS templates there are. And we support them as if your business depended on it.