R2i DotNetNuke® Forum

R2i wants you to have the opportunity to ask questions, post reviews, help others or just rant and rave about DotNetNuke® or any of the R2i Modules and Skins. Our team spends hour upon hour, day after day, working on custom DotNetNuke® modules and services; please feel free to ask us anything.
 
WedJet modules as a skin object or other solution
Last Post 01 Jan 1900 05:00 AM by . 5 Replies.
Printer Friendly
Sort:
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages Informative
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
26 May 2007 01:00 PM  
I am trying to get a module that has a wedjet container, to work as a skin object. Unfortunately the container is ignored and the module appears on every page.

How would you accomplish having a wedjet module load and be available by openfloating() on every page?
ListX....makes you look brilliant, even though you're not.
contactdpUser is Offline
Basic Member
Basic Member
Posts:475

--
26 May 2007 04:21 PM  
you can do two things.

Alter your skin. move HTML,Javscript of wedjet.ascx to skin.ascx and change id="contentpane" in wedget code which is moved from wedjet.ascx to some other pane name like wedjetpane, and also move css from container.css to skin.css

Now repete the module in this new pane.

or

alter tabmodules table to have wedjet contaier applied to the modules.
Durga Prasad(DP) | Senior Web Engineer<br>R2integrated
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
27 May 2007 02:23 PM  
DP, I don't think skinobjects maintain their tabmodules.containersrc value when invoked as listx skin objects. I can set them all day long but the skin objects never display and container properties. If I'm missing something, let me know.

OK, so I changed skin and added the ascx content. The contentpane section is restructured as:

<div CLASS=WEDJET style="position: relative; display: table-cell; width: 450px; left: 0px; text-align: center; z-index:3;">
<table cellpadding="0" cellspacing="0" height="100%" width="100%" style='border: 1px solid black;background: #ffffff;'>
<tbody>
<tr>
<td align="center" height="100%" valign="middle" width="100%" runat="server" id="WJetSkinObj" style="padding:5px;z-index:998;">
<b1:LISTX id="bWJHelpListXVersion" runat="server" useCurrent="False" TabModuleID="1964" ModuleID="690" TabID="249"></b1:LISTX>
</td>
</tr>
</tbody>
</table>
 
</div>

My first div is set as style=display:none so now I call it with:

<a href="openfloating('dnn_ctr690');">Open</a>

The result is an "object not found" js error and the results are as follows:

Error: document.getElementById(id + "floatingbox") has no properties
Source File: http://devel.advologixpm.com/js/wedjet.js
Line: 173

which in my js file looks like
document.getElementById(id + "floatingbox").style.display = 'block';


Any ideas????









ListX....makes you look brilliant, even though you're not.
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
30 May 2007 02:19 PM  
bump.....
ListX....makes you look brilliant, even though you're not.
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
06 Jun 2007 04:41 PM  
bump....again. Do you have a working example or can you verify that this truly can be done by putting the container's ascx file in the skin?
ListX....makes you look brilliant, even though you're not.
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
12 Jun 2007 07:14 PM  
Got this to work!!!

Now I have a module that is hidden and available on every page(like a form) that the user can call with a link to openfloating() from anywhere in the portal.

OK, this is how I did it.

1. Register the Wejet Container's wedjet.ascx DNN actions with the rest of the skin page registrations, such as(your's may be different):
<%@ Register TagPrefix="dnn" TagName="SOLPARTACTIONS" Src="~/Admin/Containers/SolPartActions.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TITLE" Src="~/Admin/Containers/Title.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ICON" Src="~/Admin/Containers/Icon.ascx" %>

2. Add a direct path to your wedjet.js file in a script tag above the beginning of the page:
<script src="http://www.r2idnn.com/yourpath/wedjet.js"></script>

3. Add the ListX registration as you did in step 1:
<%@ Register TagPrefix="b1" TagName="LISTX" Src="~/DesktopModules/ListX/xListingSkin.ascx" %>

4. At the end of the skin page add the applicable wedjet.ascx container content. Mine is customized from the original download, so your's may be different. You will need to check your own wedjet.ascx:

<div id="<%=ClientID%>floatingbox" style="display:none; position: absolute; top: 0px; left:0px; width: 450px; z-index:500;">
<div class="WedJet_Frame_Style_White" style="position: relative; left: 0px; top: 1px; z-index:2000;cursor:move;">
<table align="center" border="0" cellpadding="6" cellspacing="0" width="450">
<tr >
<td valign="top" style="border-left: 1px #000000 solid;" nowrap>
<dnn:SOLPARTACTIONS runat="server" id="dnnSOLPARTACTIONS" />
<dnn:ICON runat="server" id="dnnICON" />
<dnn:TITLE runat="server" id="dnnTITLE" CssClass="WEDJET_TITLE_DarkGray_12px" />
</td>
<td width="20" style="border-right: 1px #000000 solid;">
<a href="closefloating('<%=ClientID%>');">
<img src="http://www.r2idnn.com/images/close.gif" onClick="closefloating('<%=ClientID%>');"
border="0" height="16" width="16" Alt="Close" border="0"></a>
</td>
</tr>
</table>
</div>

<div class="wedjet3" id="<%=ClientID%>ContentArea" style="position: absolute; width:450px; left:0px; top: 0px; text-align: center; z-index:2;cursor:move;">
</div>
<div CLASS=WEDJET style="position: relative; display: table-cell; width: 450px; top: 0px; left: 0px; text-align: center; z-index:3; cursor:move;">
<table cellpadding="0" cellspacing="0" height="100%" width="100%" style='border: 1px solid black;background: #ffffff;'>
<tbody>
<tr>
<td align="center" height="100%" valign="middle" width="100%" runat="server" style="padding:5px;z-index:998;">

++++INSERT LISTX SKIN OBJECT HERE++++

</td>
</tr>
</tbody>
</table>
 
</div>
</div>
<script>
//SET THE PHYSICAL POSITION OF THE FLOAT
var wedjet_width = getWidth()/2 - (450/2);
var wedjet_height = getHeight()/3;
wedjet_floatPosition('<%=ClientID%>',wedjet_height,wedjet_width);
Drag.init(document.getElementById("<%=ClientID%>floatingbox"));
</script>

5. At the remark above, ++++INSERT LISTX SKIN OBJECT HERE++++, add your LIstX tag and replace the XXXX values with your own for Tabmoduleid, Tabid and ModuleId:
<b1:LISTX id="bMyListX" runat="server" useCurrent="False"
TabModuleID="XXXX" ModuleID="XXXX" TabID="XXXX"></b1:LISTX>

That's it.......
ListX....makes you look brilliant, even though you're not.
You are not authorized to post a reply.

Active Forums 4.1
 

New York, NY • Baltimore, MD • Vienna, VA • St. Louis, MO • Seatle, WA • 410.327.0007 • info@R2Integrated.com

Bookmark & Share Bookmark and Share