Source code for Demo Application

27 June, 2008 - 12:46 — nitesh

Is there any location where I can find source code for Backbase Ajax Demo and Examples available at - http://www.backbase.com/products/ajax_demos/.

I needed source for these two examples to guide me in building similar application -
Backbase Shop
Backbase Portal

Any help from BackBase team

1 July, 2008 - 14:13 — nitesh

Can anyone from BackBase team help me out in this issue?
I am unable to find any related code in Client Framework download.

Those demo's are based on an older (2.x) version of Backbase. The source code isn't available, because that version of the product is not available anymore and the source code doesn't make any sense for the current Backbase 4 version.

I need specific code

10 July, 2008 - 11:48 — nitesh

Thanks for the response.
I understand that the app might not be compatible with current version of BackBase but I wanted one specific functionality to be implemented.

For present development, I need code for swapping windows when one is dragged over other window or dragged into other section as in portal application.

Not sure if it can be done using any properties of window or there exist programming for that. Would be great if I can get code for that particular functionality as that shouldn't be depending on any version.

Any updates

5 August, 2008 - 05:06 — nitesh

Hi
Please help me if someone knows any way out on swapping windows.
All the windows are placed inside windowArea element

swapping windows

5 August, 2008 - 10:24 — yudi

Hi,
do you mean dragging/moving windows between windowAreas or other element such as div , panel? AFAIK, it is not possible to drag windows between 2 windowAreas. However, it is possible to drag window between div or b:panel by just using b:drag behaviour on dragging element and add b:dragReceive attribute on receiving container. an example dragging windows between 2 panels:

<b:panelSet columns="400px *" >

<b:panel b:dragReceive="*">window

   <b:window class="dragReceive-tile" e:behavior="b:drag" >1</b:window>   

   <b:window class="dragReceive-tile" e:behavior="b:drag" >2</b:window> 

</b:panel>

<b:panel b:dragReceive="*">container</b:panel>

</b:panelSet>

~Yudi

This doesn't implement Swap exactly

19 August, 2008 - 06:53 — nitesh

Hi Yudi,

Thank you for response.
This example solves one problem of receiving a window in another container but it doesn't implement exactly the swap functionality. We want to swap two windows when one window is dragged over other window.

In above example, after window 2 is dragged in container panel and after that, when window 1 is dragged over it, window 1 overlaps with window 2 in same container. But expected functionality is that window 2 should be placed at window 1 location after window 1 is dragged over window 2.

Kindly help in how it can be implemented.

This doesn't implement Swap exactly

19 August, 2008 - 11:17 — yudi

Hi Nitesh,
Then Could you try to insert the dragSource element to the dragTarget parentNode and then move the dragTarget to the dragSource parentNode ? For example:

<script type="text/javascript"> 

    function processDrag(oEvent){

    oEvent.preventDefault();

    var oTarget = oEvent.target;

    var oSource = oEvent.dragSource;

    var oSourceParent = oSource.getProperty('parentNode');

    oTarget.getProperty('parentNode').insertBefore(oSource, oTarget);

    bb.command.move(oTarget,oSourceParent);

    } </script>

   <div id="containerA" style="border:1px solid #999;">

      <div b:dragReceive="*" e:behavior="b:drag" e:ondragDrop="processDrag(event)"> The Godfather </div>

   </div>

   <div id="containerB" style="border:1px solid #999;">

      <div b:dragReceive="*" e:behavior="b:drag" e:ondragDrop="processDrag(event)"> The Godfather 2</div>

   </div>

~Yudi

In case of windows

21 August, 2008 - 05:49 — nitesh

Hi Yudi,

This works perfectly fine in case of Div but our requirement is for window swapping and it include more complications (like size rearrangement etc.) as I was unable to replicate this example for the one provided above (windows).

Can you please replicate the same for the previous example of windows given by you.

TIA

In case of windows

28 August, 2008 - 17:32 — yudi

Hi,
The swapping works fine with windows too. Please have a look my test case :

 <div id="containerA" style="border:1px solid #999;height:300px;width:400px;">

      <b:window b:dragReceive="*" e:behavior="b:drag" e:ondragDrop="processDrag(event)"> The Godfather </b:window>

   </div>

   <div id="containerB" style="border:1px solid #999;height:500px;width:400px;">

      <b:window b:dragReceive="*" e:behavior="b:drag" e:ondragDrop="processDrag(event)"> The Godfather 2</b:window>

   </div>

Cheers,
Yudi

Client Framework