Required classes and id's

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.
11/23/2009 2:21:37 PM
Gravatar
Total Posts 114

Required classes and id's

Are these all the classes and selectors which are required by mojoPortal? (from http://www.mojoportal.com/understandingthecssfiles.aspx )

#wrapwebsite { }
#wrapcenter { }
#wrapfooter { }
#breadcrumb { }
#pageedit { }

.leftside { }
.center-nomargins { }
.center-rightandleftmargins { }
.center-rightmargin { }
.center-leftmargin { }
.rightside { }

Thanks in advance,

D. T. Doutel

11/23/2009 2:39:15 PM
Gravatar
Total Posts 550

Re: Required classes and id's

Hi D. T. Doutel,

These are the main main CSS classes and ID selectors  but we have more class in skins. You can look at .css files in one one of the included skins.

Hope Helps,

Asad

11/23/2009 3:15:30 PM
Gravatar
Total Posts 114

Re: Required classes and id's

Hi Asad,

Please don't take this wrong. I appreciate the reply, but no, this doesn't really help. How would I know a class that is recognized by mojoPortal from one that is 'user-defined' by looking at the included skins, when nearly every skin is different from the others in major and minor respects? Is there somewhere a listing of all classes recognized by mojoPortal? Failing that, can you steer me to the right location(s) in the source code to find them myself?

Thanks,

D. Doutel

 

11/23/2009 3:33:07 PM
Gravatar
Total Posts 550

Re: Required classes and id's

There isn't a reference or place that you see list of them. You can see the .aspx/ascx  files in source view and see what is the css class for any html tag, Or you can install Firebug (a FireFox Add on) and see the css classes for tags and modify them and see result immediately on you page. Can I know why you need list of css class ?

Hope Helps,

Asad

11/23/2009 3:52:58 PM
Gravatar
Total Posts 114

Re: Required classes and id's

Hi Asad,

I'm already using FireBug.

As an example, the <portal:SiteTitle runat="server" /> tag appears to be styled using the h1.siteheading { } class; but if you'll note on the tag, the style isn't specified using the CssClass attribute. I found this out using FireBug. From where I sit in the trenches and new to mojoPortal and CMS's in general, having to find this stuff out by inspection via FireBug makes skinning really slow and painful.

I'm not being critical; I like mojoPortal a great deal. Joe's done an amazing job with it, and continues to do so. It's fast, lean and incredibly full-featured. That said, I have a client who is now insisting that I use an iThemes skin for their site. This means I'm faced with porting the skin into mojoPortal, and not knowing ahead of time in something more than a general sense what that's going to entail makes quoting them a price for the work a shot in the dark. This is why I'm asking the questions.

Best,

Duane Doutel

 

11/23/2009 4:12:31 PM
Gravatar
Total Posts 550

Re: Required classes and id's

Some of the pieces on a page like <portal:SiteTitle runat="server" /> are controls that get the css class attribute  programmatic.  For these instance you can see the web/Controls/SiteTitle.cs file.

Best,

Asad

11/23/2009 4:12:37 PM
Gravatar
Total Posts 18439

Re: Required classes and id's

Hi Duane,

You are mistaken. The SiteTitle control does in fact render as an h1 with the class siteheading thus an easy selector is h1.siteheading.

<h1 class='siteheading'><a class='siteheading' href='http://demo.mojoportal.com/Default.aspx'>mojoPortal Demo</a></h1>

 also the link inside it is using the same class.

As far as what is required, nothing is required unless you want to style something. These are fairly important though:

.leftside { }
.center-nomargins { }
.center-rightandleftmargins { }
.center-rightmargin { }
.center-leftmargin { }
.rightside { }

because these will be assigned programatically according to whethert left center ritght panles have any content so implementing these allows you to have a site that adapts from 1 to 3 columns automatically.

Other than that the selectors used are based on what markup is there and what you want to style. I could make up almost an infinite set of selectors depending on what I want to style though there are selectors that are used fairly commonly across existing skins to style things that are very common to apply style to. The markup provides lots of class names but you should not think it boils down to key value pairs of classes and style rules such that the selectors can be enumerated once and for all as a definitive list. Whatever selectors you use must be something that selects something that exists in the markup or it has no effect.

Basically you decide what you are trying to style you view the rendered markup and see if it has a class on it or some parent container above it has a class you can use as part of the selector. If I want to style a link in my content and the link has no class on it for example I can use a container element's class .like .modulecontent a {} will style all links inside any element that does have the class modulecontent even nested ones.

The ones with id selectors in the layout.master like #wrapheader are arbitrary, you can use that or make up your own and wrap it around something in the layout.master to give it some style.

Hope it helps,

Joe

11/23/2009 5:01:07 PM
Gravatar
Total Posts 114

Re: Required classes and id's

Hi Joe,

Thanks for setting me straight on this; I think I get it, now.

For what it's worth to you, I could NOT do what this client wants without a good CMS, and from all the research I've done, mojoPortal is the best out there. I'm so impressed with it that I'm going to re-do my own site based on it. In full recognition of what mojoPortal enables me to do, i.e. make some money, I will be kicking some back to you as soon as I myself get paid. Thank you for your 'labors of love' on mojoPortal, and thank you for your patience.

Always the best to you!

Duane

 

11/23/2009 5:02:46 PM
Gravatar
Total Posts 114

Re: Required classes and id's

Thank you, Asad! I'll be digging into this as more questions arise, before posting questions here to burden you with.

Best,

Duane

 

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