Cell borders in dhtmlXLayout

Suite and Optimus Suite 5
#1

Hiya,

I’ve created a dhxLayout and filled it with all kinds of stuff - works fine!

One question: How do I remove the cell borders, the ones you can use to resize the cells? I’ve used the “hideArrow”-function to fix the cell sizes. The cell borders remain, though, and I’d like to remove them too.

Thanks in advance,

Mike

#2

Hi
What skin do you use?

#3

'ello,

$document->addStyleSheet(‘dhtmlxSuite/dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_skyblue.css’);

Mike

#4

You can’t remove cell borders in this skin - it is hardcoded.
But if you provide us image with exepted result we will try to suggest you something…

#5

Hiya,

It’s right here:

misha.fi/ubetter/index.php/predictions

Which skin would allow me to remove the borders?

There’s another question regarding the grid used in the dhtmlxGrid-forum!

Cheers,

Mike

#6

But could you mark on the screenshot please which borders you need to be hidden?

#7

Ah, OK. These, the ones marked with red.

borders.png1366×768 145 KB

#8

There is no native approach. In your case you need to use divs to locate your components.
There is no way to hide cells seperators in “skyblue” skin. You can do it in “web” or “terrace” skins changing some css.

#9

OK, thanks for your quick answer. It’s no big thing, just bothers me a bit!

Now, du you have any thoughts on this:

viewtopic.php?f=2&t=36569

Cheers,

Mike

#10

Wait for answer there please.

#11

Hi,

I have the same situation. In version 3.6 I removed this divs between cell by code:

layId.skinParams.dhx_skyblue.cell_pading_max = 0;

In version 4.0 there is no skinParams… Can you suggest a solution for this action?

Thanks and Best regards,
Xirad

#12

Hi

to change separator width/height, try to add css:

div.dhxlayout_sep_sw_dhx_skyblue { width: 0px; }

(for ther skins change rule name)

#13

Hi,

Thanks for answer. The best solution was to add to my css file:

[code].dhxlayout_base_dhx_skyblue div.dhxlayout_sep.dhxlayout_sep_resize_v {
cursor: w-resize;
background-color: white;
background-image: none !important;
}
.dhxlayout_base_dhx_skyblue div.dhxlayout_sep.dhxlayout_sep_resize_h {
cursor: n-resize;
background-color: white;
background-image: none !important;
}

.dhxlayout_base_dhx_skyblue div.dhx_cell_layout div.dhx_cell_cont_layout {
border-left: 0px solid #a4bed4;
border-right: 0px solid #a4bed4;
border-bottom: 0px solid #a4bed4;
border-top: 0px solid #ffffff;
}

.dhxlayout_base_dhx_skyblue div.dhx_cell_layout div.dhx_cell_hdr {
border: 0px solid #a4bed4;
}[/code]

Best regards,
Xirad