Join our DNN Community    (Newsletter, Tips, Tricks and Forums for DNN Skins & Modules)

 


 
Microsoft Gold Certified Partner - DNN Benefactor

DotNetNuke Powered! 


Friday, November 21, 2008 Register · Login · Contact · Search:  
Company Solutions Portfolio Contact
Forums
Tips and Tricks
You asked for it, and we added it. We have so many great developers using ListX right now - it would be best to get some samples straight from the gurus who swear by it. View and Add your samples and tips here!
Subject: Using lxContainer and Toolbar to create a Tabstrip

You are not authorized to post a reply.   
Author Messages
bgates
Heavyweight
Posts:197

01/05/2007 12:25 PM Alert 
This is something that's been requested a few times, and I figured I'd construct a quick LP and throw it here for reference. This will create a tab with a Toolbar and 2 ListXs. The Toolbar is used as the tabstrip. Given some decent CSS, this can look just like tabs for files like us Windows users are used to. The ListXs are real simple and only there for the sake of getting the lxContainer calls in place.

The LP is designed to be generic, and should really just be used as reference for how to create a tabstrip. If you don't own the Toolbar, that's ok as the concept is the same. Just create a ListX in place of the Toolbar with anchor (<a>) tags that call the script the same way the Toolbar does.

Attachment: LP Toolbar TabStrip.zip


Bob Gates
Business Intelligence Force, Inc. (bi4ce)
Harpreet
Featherweight
Posts:9

02/12/2008 4:20 AM Alert 
I dont see the xml file in the above LP package needed to install this LP? Am i missing something. Pls advise
pmanda
Superweight
Posts:267

02/12/2008 9:59 AM Alert 
You need to install the LP. Go to the module setting of the listx and there you can upload the LP.


Praveena Manda
Software Engineer
Bi4ce,Inc
Harpreet
Featherweight
Posts:9

02/12/2008 3:10 PM Alert 
You need the xml file to install. If i unzip the package only see a .install & .tab file in this LP which is inadequate for installing the LP using module settings as you described. Unless I am missing someting?
pmanda
Superweight
Posts:267

02/12/2008 3:35 PM Alert 
You need to install it without unzipping, LPs are installed differently rather like other modules. If need further information go through the documentation Page NO : 183.

Praveena Manda
Software Engineer
Bi4ce,Inc
Harpreet
Featherweight
Posts:9

02/13/2008 12:42 AM Alert 
I downloaded the Toolbar tabstrip example to Bob Gates as above on my laptop; OS-Windows Vista Pro Edition and when I install the LP I get the following message

"The format of this file does not appear to be a ListX Package, or a configuration of any kind. Please try another file."

Is this a compression issue i.e Windows Compression vs Winzip? Pls help address issue.
Harpreet
Featherweight
Posts:9

02/13/2008 12:58 AM Alert 
Just check I get the same error as above when I try to install any LP package. Pls advise.

Error:
"The format of this file does not appear to be a ListX Package, or a configuration of any kind. Please try another file."
pmanda
Superweight
Posts:267

02/13/2008 9:37 AM Alert 
Can you try installing on a different computer and lets us if know, if you are running into the same issue.

Praveena Manda
Software Engineer
Bi4ce,Inc
Harpreet
Featherweight
Posts:9

02/16/2008 6:17 PM Alert 
Here is the name
1) Need 4 tabs
2) Each tab will be conditionally enabled after completing data entry for previous step. Example On completing Step 1 data entry there will be 'Continue' button at the bottom, onclicking that it will validate data captured and then on successful validation goto Step 2 tab. This process will repeat till Step 4. On step4 submit button data will be captured and stored in DB with email going out to admin.

How will we do this. I understand step 1 can be accomplished using example above but how will we do item 2 processing above.

Thx,
bgates
Heavyweight
Posts:197

02/22/2008 12:18 PM Alert 
The tabstrip example is not exactly what you're looking for, then. The tabstrip will display all tabs and allow the user to switch between all of them, regardless of what's on the forms. What you need is more of a wizard approach. The theory is the same, but you will not need the Toolbar for this task.

1) Drop on 4 ListXs. We'll use the top one as Step 1, 2nd is Step 2, so on...
2) Add the following to the Module Header (Settings -> Advanced -> Header) in the first ListX:
<script type="text/javascript">
var lxStep1 = '[MODULEID,SYSTEM]';
</script>
3) Repeat for the other 3, but change the lxStep variable name to match the step
4) Configure your form on Step 1.
5) Add a "Continue" button in the footer of Step 1. That button should perform your validation, and, if that passes, then call lxModule(lxStep2);

If you need more help, let me know and I'll see if I can put together an example of this.

Bob Gates
Business Intelligence Force, Inc. (bi4ce)
You are not authorized to post a reply.
Forums > Bi4ce.Modules.ListX > Tips and Tricks > Using lxContainer and Toolbar to create a Tabstrip



ActiveForums 3.6
Latest Post
 
At R2integrated (formerly Bi4ce), we take support seriously.  That's why we support our customers and DNN community with daily monitoring from our experienced engineering team.  We ask that the first step taken is to read the relevant documentation and support forums prior to submitting any questions that may already be available or have been answered.  We ask that you review the documentation that we provide for our products before posting a question.

The Forums are for our customers to chat, exchange ideas and strategies, and submit feedback.  Please be sure to perform keyword searches for previous related forum responses.

To be helpful when submitting a new item, please include the following: 
  1. DNN Version
  2. Module Version
  3. Admin Log Viewer Information
  4. Environment detail: Operating system, .NET framework version, database and version, IIS version, Browser version (if appropriate)
We always try to respond quickly and monitor the forums daily during business hours (EST).  Occasionally, requests for a specific project requirement may not apply for the free support offered. For project specific support please submit via our Information Request form.

Thank you for using our Forums.

Click here to register for the Forums
 
© 2008 by R2integrated (formerly Bi4ce) | DNN® is a registered trademark of DotNetNuke Corporation