Help with Alt Content Panels...

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
6/21/2011 7:40:27 PM
Gravatar
Total Posts 165

Help with Alt Content Panels...

Hey Joe,

I need to start using the alt content panels, I added the following code to the layout.master and they show up when editing the page, however when you go view the page nothing shows.

It shows for just a moment and then goes away, can you please tell me what I missing, I could not find a think on http://www.mojoportal.com/morethan3contentpanels.aspx

Here's the Page:

http://test.dsatallahassee.org

Here's the code I add is here:

<asp:Panel ID="divAlt1" runat="server" CssClass="altcontent1">
<asp:ContentPlaceHolder ID="altContent1" runat="server"></asp:ContentPlaceHolder>
</asp:Panel>

<asp:Panel ID="divAltContent2" runat="server" CssClass="altcontent2">
<asp:ContentPlaceHolder ID="altContent2" runat="server"></asp:ContentPlaceHolder>
</asp:Panel>

6/21/2011 8:04:18 PM
Gravatar
Total Posts 2239

Re: Help with Alt Content Panels...

Hi Mark,

I took a look at your test site and I don't see any CSS for the altContent panes. You'll need to create the CSS to position your panels the way you want them. If you need help creating the CSS, let me know how you want the panels to display, and I'll help you as much as I can.

I'm not sure about the panels disappearing. They did that to me in IE but not in FF. I think IE might be doing it because your layout.master has the <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> tag in the header. That will force IE to behave as IE7 and that enforcement might not be taking place until after the site loads. Not real sure on that one.

HTH,
Joe D.

 

6/22/2011 8:43:48 AM
Gravatar
Total Posts 165

Re: Help with Alt Content Panels...

Hey Joe D.

Thanks for the reply... I have commented out the <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> line of code, not sure why that was there. 

As for styles, I have in the style-artisteer-override.css file just one line 'display: table;', nothing more as of yet, becuase first I just wanted get it to display.  I will be trying to play with it today some, but what the client wants it to look like is the something like the left or right column blocks...

Also, I was trying to location the class center-rightandleftmargins which is on the divCenter but have not been able to location that class.  Is that hidden some place?

Thanks

Mark

6/22/2011 9:01:53 AM
Gravatar
Total Posts 2239

Re: Help with Alt Content Panels...

Hi Mark,

That meta tag was there because Artisteer sort of requires it. It forces the browser to behave as IE7 and Artisteer creates CSS and mark-up that is usually 1 version behind for IE. At least I am pretty sure that's how they do things, I could be wrong. Either way, the content is showing up and disappearing in IE because there is a javascript that all Artisteer skins have that changes the markup of the site from div elements to table elements. I know Artisteer 3 doesn't do this but I am not sure when it changed. I think there are two solutions to this problem; 1) move the altContent divs out of the art-content-layout div, or 2) upgrade to Artisteer 3.

Once you get the alternate panes displaying in IE, you will be able to position them with CSS.

HTH,
Joe D.

6/22/2011 9:04:47 AM
Gravatar
Total Posts 165

Re: Help with Alt Content Panels...

UPDATE:  Hey Joe D.  Ok...  I now have them displaying, I just wanted to let you know.  Now, I just need to find out where it controls the styles for the left and right columns because I need to clone that look to the Top and Bottom Boxes.  And I hope to the Center box also.

So, if you have some knowledge there you like to share, please do laugh

Also, based on your last post which I just read, I did move them outside the one div, so that helped.  The other thing just so you know, I have switched to 3.0 Artisteer, but this is a older skin.

Thanks,

Mark

6/22/2011 10:22:24 AM
Gravatar
Total Posts 2239

Re: Help with Alt Content Panels...

Hi Mark,

I think you need to take a look at the Important Skin Changes thread and follow the directions for 2.3.6.6.

If you add the proper controls and properties to the theme.skin, that stuff should be taken care of for you.

HTH,
Joe D.

6/23/2011 7:09:05 AM
Gravatar
Total Posts 165

Re: Help with Alt Content Panels...

Hey Joe D.,

Thanks for this information, I double checked and had already upgrade this skin to the new 2.3.6.6 styles.  I wish I could find where I can tell the center and the top and bottom divs to pull the same design as the Left and Right divs and everything would be great.

Trust me, I have looked and looked.  So if Joe A. may be able to tell us the magic location I need to edit that would be GGGGreat.  I have made progress but still just hitting a wall.

 

6/23/2011 1:17:13 PM
Gravatar
Total Posts 18439

Re: Help with Alt Content Panels...

Hi Mark,

I have no magic answer for this one. When you say you have "looked and looked" that doesn't really make sense unless you are thinking that CSS is a simple set of key value switches to turn things on and off but it isn't like that at all, the selectors are usually more complex involving multiple classes to select things nested in places where they are expected to be. Artisteer has some conventions for their class names where side columns are usually like art-block and center content is like art-post and there are lots of variants and other nested classes used to style things.

Artisteer does not generate any CSS that would be for styling those extra content regions, you would have to make up your own. While you might be able to copy some style rules from the existing artisteer CSS the selectors they use would not be appropriate. The classes they use for column layouts is different than traditional mojoportal skins but is mentioned at the bottom of the article How The Main Content Layout Works, but those classes only are for the column layout as far as using them elsewhere it would not make sense. 

So basically I'm saying there isn't something to look for as far as magic class names that would style it how you want. The Artisteer designs don't expect those regions to be there and it is very easy to break the design by adding in those extra regions because that markup is not expected or designed for. Adding those regions without breaking the design and making them blend in requires expertise of markup and CSS applied with trial and error until you are happy with the result, I know of no short cuts.

Best,

Joe

You must sign in to post in the forums. This thread is closed to new posts.