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.
 
Help! With Wedjet positioning
Last Post 01 Jan 1900 05:00 AM by . 16 Replies.
Printer Friendly
Sort:
PrevPrev NextNext
You are not authorized to post a reply.
Author Messages Informative
gbrownUser is Offline
New Member
New Member
Posts:29

--
12 Sep 2007 03:04 PM  
I am using Paul's WedJetFlex_LargeH container and am having problems setting the positioning. If I set the position width and Height to 1 & 1 (which should be upper left hand corner) it won't show up at all in IE. The positioning doesn't seem to work correctly no matter what values I input but the container will at least appear when using values other than 1 & 1. When I use it in FF the container shows up but in the content pane right where the original module is and the floating/dragging won't work. I would attach the ascx file but it is the standard file that came from the zip and I can't attach files to this post.

Any help would be appreciated!

Greg
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
12 Sep 2007 07:40 PM  
Can you copy and paste the ascx file contents in a post?
ListX....makes you look brilliant, even though you're not.
gbrownUser is Offline
New Member
New Member
Posts:29

--
12 Sep 2007 08:29 PM  
Sure Paul, Thanks for your help! This is the WedJetFlex_LargeH ascx file:

<%@ Control language="vb" CodeBehind="~/admin/Containers/container.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Containers.Container" %>
<%@ 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" %>
<script src="<%= SkinPath %>wedjet.js"></script>
<link REL=STYLESHEET TYPE="text/css" href="<%= SkinPath %>container.css">
<!-- SIMPLE VARIABLE HEIGHT DATA DISPLAY WEDJET
This version does not implement the wedjet1-wedjet8 classes in container.css to allow for flexible data display-->
<!--Change z-index as needed below to accomodate layering of other objects on page-->

<div id="<%=ClientID%>floatingbox" style="display:none; position: absolute; width: 600px; z-index:500;">
<div class="WedJet_Frame_Style_Navy" style="position: relative; left: 0px; top: 1px; z-index:2000;cursor:move;">
<table align="center" border="0" cellpadding="6" cellspacing="0" width="600">
<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_White_12px" /></td>
<td width="20" style="border-right: 1px #000000 solid;">
<a href="closefloating('<%=ClientID%>');"><img src="<%= SkinPath %>_i/close.gif" onClick="closefloating('<%=ClientID%>');" border="0" height="16" width="16" Alt="Close" border="0"></a></td>
</tr>
</table>
</div>

<div id="<%=ClientID%>ContentArea" style="position: absolute; width:600px; left:0px; top: 0px; text-align: center; z-index:2;">
</div>
<div CLASS=WEDJET style="position: relative; display: table-cell; width: 600px; 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="ContentPane" style="padding:5px;z-index:998;"></td>
</tr>
</tbody>
</table>
 
</div>
<!-- REMOVE COMMENT TO ADD THE TOOLBAR OBJECT
<div class=WEDJETTOOLBAR style="position: absolute; left: 10px; top: 235px; z-index:2000;cursor:move;" id="<%=ClientID%>selector"></div>
-->
</div>
<script>
//SET THE PHYSICAL POSITION OF THE FLOAT
var wedjet_width = getWidth()/1 - (600/2);
var wedjet_height = getHeight()/1;

wedjet_floatPosition('<%=ClientID%>',wedjet_height,wedjet_width);
Drag.init(document.getElementById("<%=ClientID%>floatingbox"));
//TO BUILD THE SELECTOR
//REMOVE COMMENT TO ADD THE TOOLBAR GENERATION
<!--wedjet_buildswap('<%=ClientID%>','selector','<%= SkinPath %>_i/','wedjet',8,'<div style="margin-top:2px;margin-bottom:5px;">  Change the look of this <i>Wedjet</i> by clicking below: </div>','<img src=<%= SkinPath %>_i/r2i.png alt=R2Integrated align=right /><a href=/downloads.aspx>Get it Free</a>                Powered by ')
document.onload = getmycookie('<%=ClientID%>','<%=ClientID%>wigetclosecheck');-->

</script>
gbrownUser is Offline
New Member
New Member
Posts:29

--
12 Sep 2007 08:45 PM  
Ok...DUH! I just noticed that the reason it isn't working is because I apparently can't follow directions. I was suppose to input the 1 & 1 without all of the parens and stuff that is there now. It now appears in the upper left hand corner as it is suppose to. Now to try some different distances and see what happens.

Thanks Paul - sorry to waste your time.

Greg
gbrownUser is Offline
New Member
New Member
Posts:29

--
12 Sep 2007 10:55 PM  
Ok, tried changing the 1 & 1 to 4's to see if the position would change - it didn't. Still opens in same position as the 1's.
gbrownUser is Offline
New Member
New Member
Posts:29

--
12 Sep 2007 11:06 PM  
Man, there are bad days and then there are really bad days......... My site went down, my employer tells me they might be going out of business, two customers went crazy on me, and I'm having a serious brain fart on public forums. I'm going to yell uncle for today and get a beer (or ten)! It finally sunk in - thanks for your help Paul!
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
13 Sep 2007 02:16 PM  
well, the 1s and 4s are a bit too close together to visually see a difference. That's only THREE pixels apart. Try changing the 1's to 100.

Also, to remove some potential browser issues, set your ascx to read like this by replacing the <script></script> to read:

<script>
var wedjet_width = 100;
var wedjet_height = 100;

wedjet_floatPosition('<%=ClientID%>',wedjet_height,wedjet_width);
Drag.init(document.getElementById("<%=ClientID%>floatingbox"));

</script>

ListX....makes you look brilliant, even though you're not.
gbrownUser is Offline
New Member
New Member
Posts:29

--
13 Sep 2007 09:23 PM  
Yes (sheepish grin) I figured that out - hence the brain fart post above. I works fine now and I was able to go on and set the CSS for the container as well (imagine that!). I did find one problem - the icon for the container.

WedjetFlex displays gif and png container icons fine in FF but png's won't show up at all (transparent background or solid color) in IE7, 6, or 5.5. I have the JS transparent png fix for IE5.5 & 6 in my pages and this works fine for all of my other icons but png's just won't show up at all in the WedjetFlex container unless you use FF.
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
13 Sep 2007 09:45 PM  
hmm, don't know about that. I would take the short cut and convert the PNGs to GIF or something and be done with it <img src='desktopmodules/ntforums/images/emoticons/smile.gif' height='20' width='20' border='0' title='Smile' align='absmiddle'>
ListX....makes you look brilliant, even though you're not.
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
13 Sep 2007 09:47 PM  
Also, do take out all the crap in the <Script> tag like I posted above cause I found it can cause problems in other browsers. I think the commented lines syntax are messed up or something. Anyway, with just the 4 lines I've shown above it should be work best.
ListX....makes you look brilliant, even though you're not.
gbrownUser is Offline
New Member
New Member
Posts:29

--
13 Sep 2007 10:45 PM  
Oh, that's another minor thing I found. The positioning works fine in IE7 but the container shows up in a different position in FF. Not a problem for me as this is a business app and 99% of my users will be using IE.

With regards to the icon I might try converting them but I was under the impression I couldn't do transparent backgrounds with a gif. I will have to try it - the downside there is that I have like 30 to 40 icons x 2 different sizes. I tried to compare the ascx and css files for the wedjetflex container with the core image header container to see if I could find any differences that might explain the png issue. So far no luck.
Rodolfo_74User is Offline
New Member
New Member
Posts:5

--
27 Sep 2007 01:48 AM  
hi good night i hope that you can help me please i am trying to put this module on my portal but it says that is wrong:
Logs de la Subida de Recursos

ComenzarTrabajo Comenzando instalación
ComenzarTrabajo Leyendo archivos
Información Cargandowedjet.ascx
Información El archivo wedjet.ascx fue leído satisfactoriamente
Información Cargando_i/check-flagDark.png
Información El archivo _i\check-flagDark.png fue leído satisfactoriamente
Información Cargando_i/check-flagLight.png
Información El archivo _i\check-flagLight.png fue leído satisfactoriamente
Información Cargando_i/close.gif
Información El archivo _i\close.gif fue leído satisfactoriamente
Información Cargando_i/heart.png
Información El archivo _i\heart.png fue leído satisfactoriamente
Información Cargando_i/myBG.png
Información El archivo _i\myBG.png fue leído satisfactoriamente
Información Cargando_i/paw-print.png
Información El archivo _i\paw-print.png fue leído satisfactoriamente
Información Cargando_i/quote.png
Información El archivo _i\quote.png fue leído satisfactoriamente
Información Cargando_i/r2i.png
Información El archivo _i\r2i.png fue leído satisfactoriamente
Información Cargando_i/shapeBL.png
Información El archivo _i\shapeBL.png fue leído satisfactoriamente
Información Cargando_i/shapeFL.png
Información El archivo _i\shapeFL.png fue leído satisfactoriamente
Información Cargando_i/shapeGR.png
Información El archivo _i\shapeGR.png fue leído satisfactoriamente
Información Cargando_i/shapeOR.png
Información El archivo _i\shapeOR.png fue leído satisfactoriamente
Información Cargando_i/squareBL.png
Información El archivo _i\squareBL.png fue leído satisfactoriamente
Información Cargando_i/squareGR.png
Información El archivo _i\squareGR.png fue leído satisfactoriamente
Información Cargando_i/squareOR.png
Información El archivo _i\squareOR.png fue leído satisfactoriamente
Información Cargando_i/stop-sign.png
Información El archivo _i\stop-sign.png fue leído satisfactoriamente
Información Cargando_i/thought-bubble.png
Información El archivo _i\thought-bubble.png fue leído satisfactoriamente
Información Cargando_i/thought_bubbleBL.png
Información El archivo _i\thought_bubbleBL.png fue leído satisfactoriamente
Información Cargando_i/thought_bubbleGR.png
Información El archivo _i\thought_bubbleGR.png fue leído satisfactoriamente
Información Cargando_i/thought_bubbleOR.png
Información El archivo _i\thought_bubbleOR.png fue leído satisfactoriamente
Información Cargando_i/Thumbs.db
Información El archivo _i\Thumbs.db fue leído satisfactoriamente
Información Cargando_i/wedjet1.gif
Información El archivo _i\wedjet1.gif fue leído satisfactoriamente
Información Cargando_i/wedjet2.gif
Información El archivo _i\wedjet2.gif fue leído satisfactoriamente
Información Cargando_i/wedjet3.gif
Información El archivo _i\wedjet3.gif fue leído satisfactoriamente
Información Cargando_i/wedjet4.gif
Información El archivo _i\wedjet4.gif fue leído satisfactoriamente
Información Cargando_i/wedjet5.gif
Información El archivo _i\wedjet5.gif fue leído satisfactoriamente
Información Cargando_i/wedjet6.gif
Información El archivo _i\wedjet6.gif fue leído satisfactoriamente
Información Cargando_i/wedjet7.gif
Información El archivo _i\wedjet7.gif fue leído satisfactoriamente
Información Cargando_i/wedjet8.gif
Información El archivo _i\wedjet8.gif fue leído satisfactoriamente
Información Cargando_i/wtb_bg.gif
Información El archivo _i\wtb_bg.gif fue leído satisfactoriamente
Información Cargandocontainer.css
Información El archivo container.css fue leído satisfactoriamente
Información Cargandowedjet.js
Información El archivo wedjet.js fue leído satisfactoriamente
Fallo No se encontró un archivo .dnn
Fallo ExcepciónSystem.Exception: La carga del archivo falló, abortando at DotNetNuke.Modules.Admin.ResourceInstaller.PaInstaller.ReadZipStream() in D:\PortalGuard\Library\Components\ResourceInstaller\PaInstaller.vb:line 139 at DotNetNuke.Modules.Admin.ResourceInstaller.PaInstaller.Install() in D:\PortalGuard\Library\Components\ResourceInstaller\PaInstaller.vb:line 69



onli downloaded wedjet.zip
help please!!!!
<div class='NTForums_Quote'> </div>
cchodnickiUser is Offline
Basic Member
Basic Member
Posts:107

--
27 Sep 2007 07:23 AM  
Wedget is NOT a module. It is a Skin element.

Extract the zip file (regular file management extract) and there is a help txt file.

For a more detailed instruction though follow this forum thread created by Paul.

http://dnn.bi4ce.com/Support/Forums/tabid/106/forumid/7/postid/5575/view/topic/Default.aspx

Good Luck
Chris Chodnicki
Bi4ce
an R2integrated company
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
27 Sep 2007 11:41 AM  
You have to install it like a container.
ListX....makes you look brilliant, even though you're not.
Rodolfo_74User is Offline
New Member
New Member
Posts:5

--
27 Sep 2007 10:28 PM  
thanks for the help i need to know how can i change the module html i mean i have modified the ascx file in both wedjet and wedjet flex but i cant see the differences there is in this forum a lot valious information above wejet but for me is difficult could you explain me please!!!<img src='desktopmodules/ntforums/images/emoticons/sad.gif' height='20' width='20' border='0' title='Sad' align='absmiddle'>
Rodolfo_74User is Offline
New Member
New Member
Posts:5

--
28 Sep 2007 01:31 AM  
sorry but i dont understand why i cant see the modules about wedjet flex when i am working whit them i cant see the window ie html but whit the container wedjet flex large h i cant believe it!!!
pauldesUser is Offline
Veteran Member
Veteran Member
Posts:1392

--
02 Oct 2007 04:29 PM  
Anything container name with H is HIDDEN when the page loads. You need to open it from an <A> link from another module on the page like this.....
Assuming the moduleid of the module you applied 'wedjet flex large h' is 1234. After you apply, the module is now hidden from view.
From another module on the SAME page, you would make an HTML link like this:
<a href="openfloating('dnnctr1234');">Open Hidden Module</a>
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