Margins between docking windows…

[justicejParticipant]

I am sure this topic is in here somewhere but it is nearly impossible to search for. I have struggled to find the syntax that simply establishes the margins between windows. I have tried to force margins using css to no avail. This simple thing isn’t in the documentation. Thanks for the help.

[Peter StoevKeymaster]

Hi justicej,

For searching, you can try the search field above the Forums – http://www.jqwidgets.com/community. Just type what you search for and click the button.

I also think that you’ll find this sample helpful – http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdocking/jquery-docking-settings.htm?arctic. There’s a setting in the demo which customizes the margin between the windows.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[justicejParticipant]

Peter, thank you for the note, however, I have had little luck searching the forums or google. I appreciate the demo. I have seen it before which indicates there is a jquery setting, however, from what I can see, there is no way to view the code. I just need a little sample code. Thanks….

[Peter StoevKeymaster]

Hi justicej,

Why there’s no way to view the code? There’s a Tab in the demo page “View Source”. In addition, the demo is included in the download package and you can also see all the available properties/methods/events of the widget in the API Documentation.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[justicejParticipant]

Peter,
If you yourself would go click “View Source” on the page to which you are referring, you will see there is no reference to setting margins – only a reference to the ‘slider’ which sets the margin. I am not interested in adding a margin slider. On my site, I have provided docking zones for windows and they are currently vertically flush. I need a margin between them.

Additionally if you would visit the API pages http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdocking/jquery-docking-api.htm, you will note that there is no reference to setting margins there either. Further, I have checked the demo that was downloaded with the product – It is exactly the same as the web version – just includes the slider.

I suppose I could spend 6 hours trying to unravel the scripts the slider is driving, or perhaps you could provide me the method to simply change the margins between the windows. I’m not really interested in the Socratic method here — I don’t have time for that. I purchased your product. The instructions/API is incomplete and I just need your help here. Thank you,
Jim

[Peter StoevKeymaster]

Hi justicej,

Why do you have to add a Slider? The Slider shows how to dynamically change a property, but it is up to you how to change the property, you just have to set it to some value.

$("#docking").jqxDocking({ windowsOffset: 30 });

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts