Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Lalit on Mar 09, 2009 07:38
open dhtmlx forum
Using DHTMLX Layout in proper way

Hi,
Currently I am using layout 2U and initializing layout by
document.getElementById("");
dhxLayout.cells("a").attachObject();

I am getting unexpected behaviour of scroll bar by using like this ie multiple scroll bars appear when not needed and sometimes they dont appear when needed (thus hiding useful content)
If say my tree is very big and I scroll down and click on its lowermost content then it displays the content properly on RHS but LHS scroll bar moves up at the top.(This happens on firefox)

In my earlier mail you asked to use attachTabbar method to overcome this.
But How to use the attachTabbar or attachTree method in a proper way when there are other components as well in my page to be displayed ?
Other components like search box, button,links,images,
(attachTabbar method only attaches that particular tabcontent)

I have even tried using some other layout say 3L ,
but I want keep my top right contents fixed which has button,links,images.Also there appears a divider line between cell b and c.I want to hide that.

The overall objective is to make the scroll bar work properly.

Can you provide me a way to it ?

Thanks & Regards,
Lalit















Answer posted by Alex (support) on Mar 09, 2009 08:18
Hi,

Could you, please, provide the complete demo ( you can send it to support@dhtmlx.com )?
Answer posted by Lalit on Mar 10, 2009 07:05
Hi,

I have send the working demo at support@dhtmlx.com
Waiting  for your reply.

Thanks & Regards,
Lalit
Answer posted on Mar 11, 2009 01:53
Hi ,

Have you got the problem or you need more information ?

Waiting for your reply.

Thanks,
Lalit
Answer posted by Support on Mar 11, 2009 04:00
We was able to reconstruct the problem thanks to provided sample. 
Answer will be sent to your email address.
Answer posted on Mar 12, 2009 08:11
Hi,
Any updates on this Issue ?

Thanks,
Lalit
Answer posted by Support on Mar 13, 2009 02:38
Lalit,
The reply with attached samples has been just sent to your email address. Sorry for the delay.
Answer posted on Mar 13, 2009 03:33
Hi ,

Used

.dhx_tabcontent_zone {

            width:100% !important;

            height:100%;

}

as per your recommendation.

Same Problem still persists.Have you changed anything else ?bcoz the sample test.html sent by you works properly.

Waiting for your reply,

Thanks,
Lalit.







Answer posted by Alex (support) on Mar 13, 2009 04:47

Hello, 

Please, try also comment  enableAutoReSize(true) method:

  //tabbar.enableAutoReSize(true);




Answer posted on Mar 13, 2009 05:16
Still problem persists plus there are additional lines at the bottom of page.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Thanks,                                                                                                                                                                                                                                              Lalit
Answer posted by Alex (support) on Mar 16, 2009 08:55

Hello, 

Also there some other modifications were done:

1) this style was added:

 html, body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0px;
 }

2)  the layout intialization code was changed;

3) tree and tabbar are attached using attachTree and attachTabbar methods. 

All these modifications can be easily found using file comparison