jQuery UI Widgets › Forums › Layouts › Docking › Ides for a Scrum like window wanted

Tagged: , , , , , , ,

This topic contains 1 reply, has 2 voices, and was last updated by  Dimitar 9 years, 5 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Ides for a Scrum like window wanted Posts
  • June 18, 2015 at 8:33 am Ides for a Scrum like window wanted #72668

    Parkway Labs
    Participant

    I have looked at jqxDocking, it seems to do a good job to dock.

    Does anyone have any ideas how to do a Scrum board? Say you have 3 columns, and it should be possible drag a window between the columns.

    June 22, 2015 at 6:04 am Ides for a Scrum like window wanted #72801

    Dimitar
    Participant

    Hello Parkway Labs,

    Here is an example. We hope it is helpful to you:

    <!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
    <script type="text/javascript" src="../../scripts/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="../../scripts/demos.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxwindow.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxdocking.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jqwidgets/jqxpanel.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#docking').jqxDocking({ orientation: 'horizontal', width: 800, mode: 'default' });
        });
    </script>
</head>
<body class='default'>
    <div id="docking">
        <div>
            <div id="window0" style="height: 150px">
                <div>
                    CISC
                </div>
                <div>
                    Before the RISC philosophy became prominent, many computer architects tried to bridge
                    the so called semantic gap, i.e. to design instruction sets that directly supported
                    high-level programming constructs such as procedure calls, loop control, and complex...
                </div>
            </div>
            <div id="window1" style="height: 150px">
                <div>
                    Database management system
                </div>
                <div>
                    A database management system (DBMS) is a software package with computer programs
                    that control the creation, maintenance, and the use of a database. It allows organizations
                    to conveniently develop databases...
                </div>
            </div>
        </div>
        <div>
            <div id="window2" style="height: 150px">
                <div>
                    RISC
                </div>
                <div>
                    Some aspects attributed to the first RISC-labeled designs around 1975 include the
                    observations that the memory-restricted compilers of the time were often unable
                    to take advantage...
                </div>
            </div>
        </div>
        <div>
            <div id="window3" style="height: 150px">
                <div>
                    Scrum
                </div>
                <div>
                    Scrum is an iterative and incremental agile software development methodology for
                    managing product development. It defines "a flexible, holistic product development
                    strategy where a development team works as a unit to reach a common goal", challenges
                    assumptions of the "traditional, sequential approach" to product development, and
                    enables teams to self-organize by encouraging physical co-location or close online
                    collaboration of all team members, as well as daily face-to-face communication among
                    all team members and disciplines in the project.
                </div>
            </div>
        </div>
    </div>
</body>
</html>

    Best Regards,
    Dimitar

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

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.