Products

Evoq Content Overview Content Creation Workflow Asset Management Mobile Responsive Personalization Content Analytics SEO Integrations Security Website PerformanceEvoq Engage Overview Community Management  Dashboard  Analytics  Member Profile Gamification Advocate Marketing Community Engagement  Ideas  Answers  Discussions  Groups  Wikis  Events Mobile ReadyDNN Support PackagesEvoq: CMS FeaturesEvoq OnDemandCompare DNN's CMS Products

Solutions

Content Management SystemMulti-Channel PublishingDigital MarketingOnline Community ManagementIntranet Software SolutionOur CustomersPrime

Resources

Test DrivesSchedule A DemoDocumentation CenterWebinarsWhite PapersProduct ManualsRequest PricingData SheetsCase StudiesEvoq Preferred Products Content Management Ecommerce Forms Identity Management and Authentication Site Management Social Themes

Partners

DNN Partners Partner Directory Become a DNN Partner Partner Program Overview  Hosting  Implementation  ISV  Training  Competencies

Community

Participate Ask a Question Forums Community Showcase DNN MVP  Program Overview  Lifetime MVPs  Honorary MVPs Subscribe to DNN Digest Advisory Groups  Awareness Advisory Group  Developer Advisory Group  Partner Advisory Group  Technology Advisory GroupLearn Documentation Wiki Community Blog Video Library Project History Development RoadmapDownload DNN Store Language Packs Manuals Nightly BuildsSecurity Policies Security Center

Blog

About

News Press Releases News Coverage Press KitCareersContact DNN

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen
HomeHomeUsing DNN Platf...Using DNN Platf...Using Modules a...Using Modules a...Best way to use/style panels in DNN6Best way to use/style panels in DNN6
Previous
 
Next
New Post
12/17/2012 11:06 AM
 
Dan Rothschild

www.bluebusinessdev.com
Joined: 5/19/2006
Posts: 61
I'm curious to know if anyone has used collapsible panels in their DNN 6 site and what method they ended up using; jquery or built in dnn UX as in:

http://uxguide.dotnetnuke.com/UIPatte...

I've added panels via jquery but styling them is challenging since they rely on an external css link. 

I've tried adding the UX DNN panels via the page above but could not get them to work on a public facing page.

Which method would be easier to use and style?

Thanks in advance for any advice,

Dan
 
New Post
12/18/2012 4:40 AM
 
Armand Datema


Joined: 9/16/2003
Posts: 787

Actually its just a slightly modified jquery ui tab so the  still have that same styling which you can override in your skins yourself

If you want to use them yourself and not as part of a module you would need to register them in your skin so its also available for normal and unregistered users

You can do this by putting the following piece of code in the top of your skin just before your first html element

<script runat="server">

Protected Overrides Sub OnInit(e As EventArgs)
MyBase.OnInit(e)
jQuery.RequestDnnPluginsRegistration()
End Sub

</script>

 

 

Armand Datema

Get my new skin ( lots of design variations [18 headers, 30 titlebars, 30 breadcrumbs, 3 footers ], 50+ typography containers , 50+ page templates and an online theme builder for unlimited skin variations) Aura>

For all your skin conversions

2DNN

Follow me on Twitter
 
New Post
12/18/2012 8:28 AM
 
Dan Rothschild

www.bluebusinessdev.com
Joined: 5/19/2006
Posts: 61

Hi Armand,

Thanks for the reply. I tried adding :

<script runat="server">

Protected Overrides Sub OnInit(e As EventArgs)
MyBase.OnInit(e)
jQuery.RequestDnnPluginsRegistration()
End Sub

</script>

to my skin ascx file above the first html element. I applied the skin to a page and added an html module to that skin. I then used the code from the uxguide  markup page in the source of the html module. I added the css to my skin css file. I finally added the jquery script to the head of my module.

But none of this worked. Am I missing anything? Thanks for your help
 
New Post
12/18/2012 9:08 AM
 
Dan Rothschild

www.bluebusinessdev.com
Joined: 5/19/2006
Posts: 61

Got it Armand!

I added the markup to a test page with the dark night skin and it worked fine.

I copied that module to a page with my skin and it also worked.

Thanks for your help
 
New Post
12/18/2012 7:45 PM
 
Dan Rothschild

www.bluebusinessdev.com
Joined: 5/19/2006
Posts: 61
Armand,

One more question on css the <div class="dnnForm" id="panels-demo">

seems to want to take up 620 px width no matter what I set in the css for the skin or in the actual module. Do you have a suggestion how to work around this? I need my panels to only be 350 px.

Thanks,
Dan
 
 Page 1 of 2
12Next 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Using Modules a...Using Modules a...Best way to use/style panels in DNN6Best way to use/style panels in DNN6


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out