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

 



Microsoft Gold Certified Partner - DNN Benefactor

Microsoft Gold Certified Partner

DotNetNuke Powered! 
Thursday, July 03, 2008 Register · Login · Contact · Search:  
Company Solutions Portfolio Contact
Forums
Blue Sky
Want something added to the ListX engine, or just can't wait to see what is in store for the future? Check out this forum and let us know what you think.
Forums > Bi4ce.Modules.ListX > Blue Sky
Subject: lxExpander Upgrades

You are not authorized to post a reply.   
Author Messages
pauldes
Immortal
Posts:1292
02/01/2007 6:07 PM Alert 
1. On the lxExpander row, need to conditionally change the text or graphic? ie. I want to show a + sign when a row is collapsed and show a - sign when a row is open.

2. How do you maintain the state of the row, when a refresh occurs? ie. I have an address row that collapses and hides. User clicks to open it, they change a field that has an lxFetch on it, it executes and the row collapses causing the user to have to navigate back through the collapsed rows to where they were before lxFetch ran.
ListX....makes you look brilliant, even though you're not.
rtonerii
Superweight
Posts:305
02/01/2007 6:38 PM Alert 
Hi Paul,
You could just use a javascript variable and set it to 1 or 0. All you need to do with the image is do a innerHTML replace. Something like this:

<script type="text/javascript">
<!--
var mModule = [ModuleID,System]
function ShowSection() {
var srcval = '<img id="imglxModImg" alt="max" src="[PORTALPATH,System]images/min.gif" style="cursor: pointer;" onclick="HideSection()" border="0" />';
document.getElementById('sExpanderImage').innerHTML =srcval;
lxModule(mModule ,false);
}
function HideSection() {
var srcval = '<img id="imglxModImg" alt="max" src="[PORTALPATH,System]images/max.gif" style="cursor: pointer;" onclick="ShowSection()" border="0" />';
document.getElementById('sExpanderImage').innerHTML =srcval;
lxModule(mModule ,true);
}
//-->
</script>


<span id="sExpanderImage">
<img id="imglxModImg" alt="max" src="[PORTALPATH,System]images/max.gif" style="cursor: pointer;" onclick="HideSection()" border="0" />
</span>


This has not been tested. I just threw it together. If you still have problems I might be able to throw together an LP on it.

Let me know if this works, I would be curious to see if I did it right.

Rick
nxtrack
Middleweight
Posts:51
05/20/2007 10:43 PM Alert 
This might be what you're looking for. I like it even better because you can click the graphic to expand/collapse, too!

{IIF,"'[fob1,C]'='1'","
<span onclick=\"lxToggle('ob1','C','fob1','1','0','vis1','src','http://\[ALIAS,System\]/images/minus.gif','http://\[ALIAS,System\]/images/plus.gif');\"><img id=vis1 src=\"http://\[ALIAS,System\]/images/minus.gif\">Click Me!</span>
","
<span onclick=\"lxToggle('ob1','C','fob1','1','0','vis1','src','http://\[ALIAS,System\]/images/minus.gif','http://\[ALIAS,System\]/images/plus.gif');\"><img id=vis1 src=\"http://\[ALIAS,System\]/images/plus.gif\">Click Me!</span>
"}
<div id=ob1 style='display: {IIF,"'[fob1,C]'='1'","block","none"};'>Here's the extra detail.</div>
nxtrack
Middleweight
Posts:51
05/20/2007 11:01 PM Alert 
(I just noticed the date of your post... you may have an alternative already)
If you add your mouseover style edits, from another post, and it gets downright pretty:

{IIF,"'[fob1,C]'='1'","
Click Me!
","
Click Me!
"}
Here's the extra detail.


----------------------------
The span/lxToggle is dupped on both sides of the IIF because on a refresh, you wouldn't know what side of it you would be on. If there's a shorter way, I'm all ears.
nxtrack
Middleweight
Posts:51
05/20/2007 11:02 PM Alert 
{IIF,"'[fob1,C]'='1'","
<span onmouseover=\"this.style.color='#CC0000'\" onmouseout=\"this.style.color='#666666'\" onclick=\"lxToggle('ob1','C','fob1','1','0','vis1','src','http://\[ALIAS,System\]/images/minus.gif','http://\[ALIAS,System\]/images/plus.gif');\"><img id=vis1 src=\"http://\[ALIAS,System\]/images/minus.gif\">Click Me!</span>
","
<span onmouseover=\"this.style.color='#CC0000'\" onmouseout=\"this.style.color='#666666'\" onclick=\"lxToggle('ob1','C','fob1','1','0','vis1','src','http://\[ALIAS,System\]/images/minus.gif','http://\[ALIAS,System\]/images/plus.gif');\"><img id=vis1 src=\"http://\[ALIAS,System\]/images/plus.gif\">Click Me!</span>
"}
<div id=ob1 style='display: {IIF,"'[fob1,C]'='1'","block","none"};'>Here's the extra detail.</div>
You are not authorized to post a reply.
Forums > Bi4ce.Modules.ListX > Blue Sky > lxExpander Upgrades


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