Need
DNN Support
?
DeskPal.com
Learn DNN / DotNetNuke
Login
Subscribe to DNNCreative
Home
Subscribe
Training & Tutorials
Tutorials for Beginners
Tutorials for Administrators
Tutorials for Core Modules
Tutorials for Advanced Users
How to Build a Website in DotNetNuke
Skinning Tutorials
Module Development
Third Party Modules
Forum
Search
Search
Home
Subscribe
+
Training & Tutorials
Tutorials for Beginners
Tutorials for Administrators
Tutorials for Core Modules
Tutorials for Advanced Users
How to Build a Website in DotNetNuke
Skinning Tutorials
Module Development
Third Party Modules
Forum
You need to
Register
for free and
Login
to post a message in the forum.
Forum
Forums
Search Forum
Search
Advanced Search
Topics
Posts
Unanswered
Active Topics
Forums
>
DotNetNuke®
>
Modules - What's needed?
Assign a css id to a module.
Last Post 06/03/2008 4:41 AM by
Lee Sykes
. 9 Replies.
Sort:
Oldest First
Most Recent First
Check this box to subscribe to this topic.
Prev
Next
You are not authorized to post a reply.
Author
Messages
Chris O'Rourke
Nuke Newbie
Posts:4
05/20/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.
Joseph Craig
DNN MVP
Posts:11667
05/20/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,
Patapsco Research Group
Complete DNN Support
Chris O'Rourke
Nuke Newbie
Posts:4
05/21/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.
Joseph Craig
DNN MVP
Posts:11667
05/22/2008 7:58 AM
I agree. Why don't you make that suggestion at dotnetnuke.com.
Joe Craig,
Patapsco Research Group
Complete DNN Support
Chris O'Rourke
Nuke Newbie
Posts:4
05/22/2008 10:53 AM
Thanks for the suggestion jncraig. I've made the suggestion:
http://support.dotnetnuke.com/issue...&PROJID=23
Joseph Craig
DNN MVP
Posts:11667
05/22/2008 11:14 PM
Great. The whole community gains when people make suggestions.
Joe Craig,
Patapsco Research Group
Complete DNN Support
Lee Sykes
DNN Creative Staff
Nuke Master VI
Posts:4945
05/23/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...fault.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/DNNCreative
Lee Sykes
DNN Creative Staff
Nuke Master VI
Posts:4945
05/23/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/DNNCreative
Chris O'Rourke
Nuke Newbie
Posts:4
05/23/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.
Lee Sykes
DNN Creative Staff
Nuke Master VI
Posts:4945
06/03/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/DNNCreative
You are not authorized to post a reply.
Special Bonuses
--Subscriber Bonuses
--Readers Offers
Users Lounge
--Announcements
--DNN Creative Articles
--Everything Else
--Feedback, Suggestions and More
--Membership
--Site Review Please!
--Testimonials
--Podcasts
DotNetNuke®
--DotNetNuke® Questions
--Modules
--Modules - What's needed?
--Quick Tips
Hosting
--DotNetNuke® Hosting Providers
Skinning Toolkit
--Skinning Toolkit
UK DotNetNuke User Group
Forums
>
DotNetNuke®
>
Modules - What's needed?
Latest Forum Posts
Can you Run Xcode in Linux?
by Aman Singh
Can you Run Xcode in Linux?
Can you Run Xcode in Linux?
by Aman Singh
Can you Run Xcode in Linux?
Billed for subscription that was canceled
by Ryan
I was just billed for a subscription that was canc eled / inactivetive how do I get a refund for th
Meta Title and Meta Description are not showing properly
by DNN User
Hi, On my site the meta title and meta descriptions are not showing properly. It's showing the m
Search is not functioning properly
by DNN User
Site: https://www.prv-engineering.co.uk/search If I search any item only the 1st option under sea
Search is not functioning properly
by DNN User
Site: https://www.prv-engineering.co.uk/search If I search any item only the 1st option under sea
DNN Platform import site optio
by Melanie Weaver
Is it possible to import site template in DNN Platform 8.0? We have internal Evoq Content 8.1 tha
Events Module for DNN V5?
by Tugboat
Would anyone have a download link for the version 5.0.3 Events Module? Thanks!
"Ghost" TabID Number?
by Tugboat
Hi! I have a portal instance with multiple child portals and on one of the child portals, there i
RE: DNN Load Testing
by ayman sharkawy
Hi. Have you already implemented a site using the DNN . And how the performance of the site and its
Publish All Pages
by NSUOK
I'm using DNN Evoq Content Basic 8.2.0. When I make the HTML Pro module display on all pages, I h
Simpler profile needed in 9.2.2
by Donald
We are upgrading a DNN 4.8.4 site to DNN 9.2.2. On 4.8.4, the top bar shows the user’s name. If yo
How to link from dnnmodal popup to web site page?
by Donald
Hello all. I am using a dnnmodal.show popup. The popup works correctly, showing the content that I
RE: Document Collaboration
by Nick Davern
That feature would be super beneficial for our needs as well! Does anyone have an update as to if th
RE: DNN 9.2, how to set default theme?
by Andy Stephenson DNN Creative
you do that under "Manage/Themes". Note the highlight blue border around the default container and d
DNN 9.2, how to set default theme?
by Donald
Please disregard, found Manage Themes I cannot find how to set a default portal theme in DNN 9.2
RE: Looking for DataSprings Dynamic Forms
by Andy Stephenson DNN Creative
Your best chance would be to contact Chad Nash @ http://www.datasprings.com/
Looking for DataSprings Dynamic Forms
by Jakir HM
Looking for DataSprings Dynamic Forms 3.4 for DNN 4.x 5.x for my site (https://themasters2018s.com/)
RE: Help with Cycle Image Carousel not displaying images
by peter
I had the same problem with the Will Strohl Content Slider after upgrading to DNN 9.1 The above an
RE: Object reference not set to an instance of an object
by Andy Stephenson DNN Creative
Check this one might be useful: http://www.dnnsoftware.com/answers/im-tryin-to-move-my-site-to-pr
Used
By
Testimonials