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
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
Nuke Master II
Nuke Master II
Posts:2002
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
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
Nuke Master II
Nuke Master II
Posts:2002
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
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
Nuke Master II
Nuke Master II
Posts:2002
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
Nuke Master II
Nuke Master II
Posts:2959
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
leesykes
Nuke Master II
Nuke Master II
Posts:2959
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
corourke
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
Nuke Master II
Nuke Master II
Posts:2959
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
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

Media Module *not* autostart? by PaulFlynn
Hi,I want to display a number of different .wmv files on a single page, but I'm concerned that the d...
RE: Event Module Scheduler? by mgordon
Never mind. I found out that you need to enable the Event Reminder in the actual Event that you are...
Event Module Scheduler? by mgordon
I have setup a Calendar of Events module on my page and have added events, no problem.  The main pro...
RE: Upgrading from 3.3.7 to 4.8.4 by puuri
I think I saw the answer to your last question on another thread real recently. If you go to the 'L...
Server Application Unavailable from localhost by picoallen
Hello,I have installed DotNetNuke and can open it from within Visual Web Designer, in which case it ...
RE: Upgrading from 3.3.7 to 4.8.4 by joannew
Hi, yes everything seems to be working fine. I get the following when viewing through Host Settings/...
RE: Database Access Error ! by nukedoubt
Got a fix........ 1)  Make sure that both the sqlDataProvider class and the DataProvider class are...
Database Access Error ! by nukedoubt
Error in Database Access : "The type initializer for 'MyCompany.Modules.Search.DataProvider' threw...
RE: Upgrading from 3.3.7 to 4.8.4 by jncraig
If everything "seems" to working normally, perhaps you can ignore it. It is possible that the other...
Upgrading from 3.3.7 to 4.8.4 by joannew
Hi,I've followed the upgrade procedures to upgrade from 3.3.7 to 4.8.4 and received the status repor...
RE: Regular restores to local machine by joannew
Thanks for getting back to me, just to let you know everything is working fine now, I can login as a...
RE: Create Bookmarks/Anchor Points/Page TOC by lb313
Thank you for your help Joe. Kind Regards Lisha Belbin
RE: Issue 22 - Login failed for user xxxx by picoallen
Thanks Joe, You put me on the right track there. Turns out that I had server authentication set t...
RE: How to speed DNN by mmcinulty
jump over to www.snapsis.com and get pageblaster. forum has alot of info about yslow and how to spee...
RE: Regular restores to local machine by jncraig
I've got more questions than answers ... Can you login as administrator and/or host? Can a logge...
RE: Refreshing Bl... IE by ollep
Thanks Guys!! Excelent support. I will - beleive it or not - be away from the computer for three...
Parent Portals and SSL by LucianV
Hi,I need to install and configure on our server several DNN parent portals (different domain names)...
RE: File Manager Upload (intermittent error) by dnnmq
Lee, your attention to this issue is truly appreciated because it's driving me nuts.js is included i...
RE: Regular restores to local machine by joannew
I've opened the tables and there is lots of data in there but nothing when i navigate to user accoun...
Duplicate Meta Description and Tag by vdelisi
Hi,analyzing my site with google webmaster tool , I've noticed that I have Duplicate Meta Descriptio...
AppTheory
RSS Feeds