On Community Server Modal Window Styling

I was working on a Community Server site-in-progress recently, so the out-of-box theme files encountered some initial experimentation before I applied my gentle carress.  Not a problem-o, but Community Server Modal Windows took a hit.  I was doing an application mod and my Modal Window header and footers were gone!  Transparent.  Non-existent.  I had these funky popup windows that were DOP (Dead On Popup.)

So a few bits on Community Server modal (popup) windows are in order.  First, the style settings for Community Server modal windows are set in master.Master, or somewhere in your site’s .Master pedigree.

 

<TWC:Modal runat=”server” CssClasses=”CommonModal”
         TitleCssClasses=”CommonModalTitle” CloseCssClasses=”CommonModalClose”
          ContentCssClasses=”CommonModalContent” FooterCssClasses=”CommonModalFooter”
          ResizeCssClasses=”CommonModalResize” MaskCssClasses=”CommonModalMask”
          LoadingUrl=”~/utility/loading.htm” />

The Modal Window CSS Classes are located in Common.css, and if Common.css has been improved upon, like Jack Nicholson in the end of One Flew Over the Cuckoo’s Nest, and as a result the digital neural connections to these classes are removed, you’ll be dealing with transparent and non-existent window borders making your modals completely unusable.

Customizing these classes in your .CSS files of choice will give you a great deal of flexibility in displaying Community Server Modal Windows to your liking.  I like clean #EEE headers and footers myself.

 

Article written by

A long time developer, I was an early adopter of Linux in the mid-90's for a few years until I entered corporate environments and worked with Microsoft technologies like ASP, then .NET. In 2008 I released Sueetie, an Online Community Platform built in .NET. In late 2012 I returned to my Linux roots and locked in on Java development. Much of my work is available on GitHub.