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

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 #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.

    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/

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.