Products

Solutions

Resources

Partners

Community

Blog

About

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

HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsModulesModulesjquery UI Tabsjquery UI Tabs
Previous
 
Next
New Post
1/22/2010 3:09 PM
 

I have something similar on a site in development, but it's using module already present on the page (I guess you could add a copy froom another page if that's waht you need).  

Basically I have 4 modules, the first is a html module with the tab structure you describe, the other 3 are modules I want on my tabs.

I have a container skin for each module with a wrapping class of .noContainerWrap

I just run;-

jQuery('.noContainerWrap:gt(0)').each(

function(i) {

jQuery(this).appendTo('#sTabs-'+ (i+1));

}

);

jQuery("#galleryTabs").tabs();

 
New Post
1/22/2010 5:04 PM
 

Hey Greg,

Do you have an example of what you're looking for? I'd be glad to help (I love a good jQuery challenge) - but for some reason I can't quite picture what it is you're wanting to do exactly.

Thanks,

Ian


Software Engineer
Co-Founder, dnnGallery
Stack Overflow: Ian Robinson
Twitter: @irobinson
Linked In: Ian Robinson
 
New Post
1/22/2010 6:02 PM
 

I truely appreciate all the replies.  The biggest reason for this post is that I keep running into this and it bugs the crap out of me that I don't know how to do it!!

I have a couple of things I wish to accomplish with this:

  1. I'm building my site using two pages for every page I want to build. A display page and a hidden "page behind". Using Live Tabs and/or Aggregator with the load on demand feature turned on for all tabs except the first one. This allows me to place a large amount of content on a single page but the page still loads very fast because the first tab is the only one that loads on page load. Since the actual modules being loaded in the remaining tabs are on a seperate page they don't  get loaded on page load like they would if they were on the same page.  The problem with this is in both of those modules the load on demand feature does a post back which is kind of messy. I want the "load on demand tabs" to load via ajax.  According to the jquery ui website it is suppose to be able to load via ajax. Whether there is something in DNN that prevents this I don't know.
  2. The jquery ThemeRoller is a VERY nice and VERY quick way to style your tabs, dialog boxes, etc.  It is MUCH faster than custom building your own skins for the current tabs modules.

So there are the reasons but like I said the real reason is that I keep running into instances where it would be nice to know how to do this and I want to know how!

 

 
New Post
1/22/2010 6:39 PM
 

I believe if you are using Jquery UI in html module, you will only able to use AJAX to load a whole page from another page, although you may remove other elements within the page. Which if you are going to load another .aspx page when user click on the ajax button/tab, there will be not much improvement in performance)

The main problem is, module is being loaded to container (ascx) then to skin (acsx) and finally the default.aspx page assembly all the .ascx into one.

You may be able to load module directly from skin (bypass the container.ascx) but I don't think you can AJAX load a module in html module UNLESS as suggested by others, the ajax called module is processed in another module before rendering out.

 

 


Thanks,
George

Where to eat? Visit GoEatOut for Food Promotion in Kuala Lumpur.
 
New Post
1/22/2010 6:52 PM
 

 If you hang a .load() statement off the tab show event, you can specify a document fragment to load:  

Point that to a module wrapper on the source page and you can pull the module straight into the tab container.  I guess you'd need to preload other content from the source page, such as css files, js files.

 
Previous
 
Next
HomeHomeDevelopment and...Development and...Building ExtensionsBuilding ExtensionsModulesModulesjquery UI Tabsjquery UI Tabs


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