Login Register

template question

Submitted by claudette on Sat, 05/03/2008 - 13:20.

I would like to replace my widget div-tag with this template:

<div name='leftRec' class='cropTransparentDiv' style='visibility: visible; left:0px; top:0px; width:0px;'></span></div>
<div name='topRec' class='cropTransparentDiv' style='visibility: visible; left:0px; top:0px; height:0px;'></span></div>
<div name='rightRec' class='cropTransparentDiv' style='visibility: visible; top:0px; width:0px;'></span></div>
<div name='bottomRec' class='cropTransparentDiv' style='visibility: visible; left:0px; height:0px'></span></div>
<div name='cropRec' class='cropRecDotted' style:'cursor:move; left:0px; top:0px;'>
     <img id='se-resize' src='icons/square.gif' style='position:absolute; cursor:se-resize' />
     <img id='s-resize' src='icons/square.gif' style='position:absolute; cursor:s-resize' />
     <img id='e-resize' src='icons/square.gif' style='position:absolute; cursor:e-resize' />
</div>

but it only works when I put another div-tag around like this:

<div class='dijitCropImage'>
        <div name='leftRec' class='cropTransparentDiv' style='visibility: visible; left:0px; top:0px; width:0px;'></span></div>
        <div name='topRec' class='cropTransparentDiv' style='visibility: visible; left:0px; top:0px; height:0px;'></span></div>
        <div name='rightRec' class='cropTransparentDiv' style='visibility: visible; top:0px; width:0px;'></span></div>
        <div name='bottomRec' class='cropTransparentDiv' style='visibility: visible; left:0px; height:0px'></span></div>
        <div name='cropRec' class='cropRecDotted' style:'cursor:move; left:0px; top:0px;'>
                <img id='se-resize' src='icons/square.gif' style='position:absolute; cursor:se-resize' />
                <img id='s-resize' src='icons/square.gif' style='position:absolute; cursor:s-resize' />
                <img id='e-resize' src='icons/square.gif' style='position:absolute; cursor:e-resize' />
        </div>
</div>

i would like to replace my widget tag with tags that are not located in another div. is it possible?
another question I have: the img src cannot be found altough the path is the right one. how do I reference images in a template?

thanks a lot!

‹ Wanted: feedback on tundra and the dijit themes - visual nits, bugs, critiques How to change colors dynamically in filteringTable ›

For the wrapper div, it's

Submitted by toonetown on Tue, 05/06/2008 - 17:09.

For the wrapper div, it's not possible. Since each widget needs a single "domNode" value, it is required that they are all wrapped within a single div.

What's the issue you are seeing with including the extra div? (BTW - it doesn't need to be a div - could be a span or any other node)

As far as the images, I think that the image reference is relative to the HTML file that is being served - not the location of the widget template URL.

thanks a lot! now it works!

Submitted by claudette on Fri, 05/09/2008 - 07:39.

thanks a lot! now it works!