You need to Register for free and Login to post a message in the forum.

Forum

Forums > DotNetNuke® > Modules - What's needed?
Subject: Assign a css id to a module.
Prev Next
You are not authorized to post a reply.

Author Messages
corourke
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:4
20 May 2008 3:58 PM  
For all I know there could already be a module that does this but it would be fantastic if under advanced settings there was the ability to tell a text/html or any other module to use a specific class or id without digging into skin files.

For example if I wanted a text/html module to float right I'd just update the skin.css and then under advanced properties type in the name of the id or class.

The attached image shows what I mean a bit better.





jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2371
20 May 2008 8:54 PM  
Use the Header and Footer of the advanced module settings to wrap a div tag around the module, and specify the css class to be used.
Joe Craig
DNN Creative Support
Subscribe to the website
corourke
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:4
21 May 2008 11:09 AM  
That's what I've been doing so far however that adds extra divs which isn't the most semantic way to do things. By adding the ability to specify a specific css class or id for a module you can clean up and speed up the site as well speed up development time.
jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2371
22 May 2008 7:58 AM  
I agree. Why don't you make that suggestion at dotnetnuke.com.
Joe Craig
DNN Creative Support
Subscribe to the website
corourke
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:4
22 May 2008 10:53 AM  
Thanks for the suggestion jncraig. I've made the suggestion: http://support.dotnetnuke.com/issue/ViewIssue.aspx?id=7658&PROJID=23

jncraig
DNN Creative Staff
Nuke Master II
Nuke Master II
Posts:2371
22 May 2008 11:14 PM  
Great. The whole community gains when people make suggestions.
Joe Craig
DNN Creative Support
Subscribe to the website
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375
23 May 2008 7:50 AM  
Each module does already have a unique ID assigned to it.

For instance, go to: http://www.dnncreative.com/tabid/75/Default.aspx

Using the web developers toolbar go to the Information menu / Display ID & Class Details

From here you can see the main Text / HTML module has a unique ID of #dnn_ctr380

There are various variations of this ID, you will be able to view:

#dnn_ctr380_contentpane .dnnC_content_transparent DNNAlignleft
#dnn_ctr380_ModuleContent
#dnn_ctr380_HtmlModule_lblContent .Normal

We can target the main content area of the Text / HTML module with:

#dnn_ctr380_contentpane
{
border: 10px solid orange;
}
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375
23 May 2008 7:51 AM  
For further info on the web Developers Toolbar view:Troubleshooting DotNetNuke Skins
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
corourke
DNN Creative Magazine Subscriber
Nuke Newbie
Nuke Newbie
Posts:4
23 May 2008 1:00 PM  
I'm a huge fan of the web developers toolbar. The problem is those unique identifiers are too unique since the unique id's are assigned dynamically as you add modules to a page giving you much more extra work in the backend customizing your aspx files rather than letting you use a minimal amount of divs and styles.

If I wanted to style the top left text/html module on all of my pages without rewriting the module or adding extra divs I'd need something like:

#dnn_ctr408_ContentPane { background: #e3e3e3; float:left; width: 165px; }
#dnn_ctr409_ContentPane { background: #e3e3e3; float:left; width: 165px; }
#dnn_ctr410_ContentPane { background: #e3e3e3; float:left; width: 165px; }
#dnn_ctr411_ContentPane { background: #e3e3e3; float:left; width: 165px; }
#dnn_ctr412_ContentPane { background: #e3e3e3; float:left; width: 165px; }

and on and on depending on the number of pages I have in my site.

However if I can assign an id or class of my own choosing then I'd only need to add "#TopLefttextbox" and it would work on all of my pages.

The way the current method is there's no real intrinsic difference I can see between the old preCSS method of every element having font tags and background colors as part of the source rather than the current css method of abstracting layout completely from the source code.
leesykes
DNN Creative Staff
Nuke Master III
Nuke Master III
Posts:3375
03 Jun 2008 4:41 AM  
Yes for multiple instances the unique ID method will not be suitable, but for one off styling it is very useful.

the method I currently use is to specify elements in special containers. - this way if you need a "float right" div adding to a text HTML module, you can do it by simply using that container on the module,  so you no longer have the problem of multiple entries of code.

But, it still won't be as simple as the idea you have mentioned,  it will be interesting to see if it is implemented, thanks,
Lee Sykes
Site Administrator
Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

Twitter: www.twitter.com/leesykes

Lee Sykes's Facebook Profile
You are not authorized to post a reply.
Forums > DotNetNuke® > Modules - What's needed? > Assign a css id to a module.


ActiveForums 3.7

Latest Forum Posts

RE: Email Set UP per Portal by jncraig
I think that the answer depends on how email is configured at your host. You'll probably have to co...
RE: skin/container error load by jncraig
I would suggest checking permissions for directories. Does this occur only when you upload a skin...
RE: Add New Profile Properties by jncraig
Hmmm ... I don't have an answer. Does anyone else?
RE: No Access for me too by ristori
it is ok now. Thanks for this action.
skin/container error load by islandman
Has anyone else run across this error when loading skins or containers from site settings?I am using...
Email Set UP per Portal by islandman
How do I set up a unique email address per domain name off 1 hosting environment. for example...m...
RE: localhost Install issues by cdees
Lee: I wanted to follow up on this for anyone following this thread. I have been unable to solve t...
RE: Add New Profile Properties by WSI
HI Joe, The DNN version is 4.5.5. Thanks, Cliff
Change Skin on URL by vinita
Hi,Can the skin be changed based on the url used to access a portal. Multiple portal aliases may be ...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
problem creating child portal by kabamaro
  Hello all i have 4 Aliases for my parent portal , lets call them X,y,Z,WIn all Aliases i can creat...
Best DNN portal ever! by derpir
I have been a subscriber since august 2008, and DNNCreative.com is simply the best DNN Portal, their...
RE: skinning trouble by derpir
Hello Yes could you be so kind and take a look att the htm-file and css-file.I would be very gratef...
Search function is not working by kishorpawar
I am using Seach module in my project but not working, i have set   host setting alsoHost --> Schedu...
RE: backend is changing from sql2005 to sql2008 by leesykes
hello,There should not be any code changes needed, but you'll need to make sure that SQL 2008 upgrad...
RE: skinning trouble by leesykes
Hello,I would need to see your code to help you with this one, you can zip up your files and attach ...
RE: Installing DotNetNuke 4.9.00 on VWD 2005 w/ SQL server 2008 by leesykes
I have run a test with SQL Server 2008 express and DotNetNuke installed in exactly the the same way ...
RE: Issue 39 Interview by leesykes
thanks Bill, glad it was useful, we will have a think about the best way to approach this,Thanks,
RE: Issue 39 Authentication by leesykes
yes I have a live site in 4.9.0 at it seems stable as well.
backend is changing from sql2005 to sql2008 by meenu
hi all advance thanks. in my DNN0408 website am using sql2005 as backend.now planning to remove sq...
AppTheory
RSS Feeds