Transparent overlapping <canvas> layers in DHTMLX?

Suite and Optimus Suite 5
#1

Suppose one wanted to experiment with the tag and implement overlapping transparent es. Is this doable? Can be transparent? And, equally importantly, how would you recommend such an implementation with DHTMLX? With dhtmlxWindows? Or with dhtmlxLayout? Or what?

#2

Can be transparent?
yes

And, equally importantly, how would you recommend such an implementation with DHTMLX? With dhtmlxWindows? Or with dhtmlxLayout? Or what?

You may attach html container with canvas inside into a window and layout, accordion or tabbar cells. The sample with attachObject method:

dhtmlxLayout/samples/02_conf/10_attach_object.html

#3

Hi,

I saw the documentation link provided.
I am trying to insert a table with an image as a div object into the dhtmlx Layout cell(see code).
What I want is, I want that cell(of dhtmlxlayout) into which this object is attached to be transparent. I am using the dhxTerrace skin and the cell appears as a white rectangle inside which I see the object.

Is it possible for a particular cell of dhtmlx layout to be transparent ?

This is the div object I’m trying to insert

        <div id="logo">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="50%"><img src="<?php echo base_url(); ?>images/logo.jpg" width="320" height="57"></td>
 
    <td width="50%" align="right"><h2><font color="#CC0000" face=" Helvetica,Arial, sans-serif"><strong><font color="#CC3333" size="+3" face=" Helvetica,Geneva, Arial, sans-serif">V<font size="5">IRTUAL</font> 
        M<font size="5">ATRIX</font></font></strong></font></h2></td>
  </tr>
</table>
        </div>
#4

Hi,

Is it possible for a particular cell of dhtmlx layout to be transparent ?

There is not such a public method. However, it is possible, as in:

  1. define the following css rules on a page with layout:
.transparent, .transparent .dhxcont_layout_dhx_terrace{ background-color: transparent !important; }
  1. add " transparent" rule to cell className (do not forget about the white space in the string):

dhxLayout.cells(“a”).className += " transparent";