Giter Site home page Giter Site logo

domino-ui-demo's Introduction

dominokit

BOM for dominokit dependencies

domino-ui-demo's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

domino-ui-demo's Issues

Invalid source code sample in app layout

In the demo of app layout, tehre is source code how to add a tree in the left panel but the source code is not aligned with Domino code:

https://github.com/DominoKit/domino-ui-demo/blob/fb81dcf94c60d1d41e8a936f682b4b6349055fd6/appLayout/src/main/java/org/dominokit/domino/applayout/client/views/ui/AppLayoutViewImpl.java#L89/L93

.appendChild(CodeCard.preBlock("layout.getLeftPanel()\n" +
        ".appendChild(Tree.create(\"Menu\")\n" +
        "        .addTreeItem(TreeItem.create(\"Item1\", Icons.ALL.folder()))\n" +
        "        .addTreeItem(TreeItem.create(\"Item 2\", Icons.ALL.description()))\n" +
        "        .element());"))

The addTreeItem method is not present and I thinK appendChild should be used.

Please add an example for a context menu button/icon

As per gitter chat room, it would be nice if next to the drop down buttons we had the option to actually trigger a DropDownMenu from a normal button or icon. This allows for more styling options.

The following code compiles and works as expected for a "Kebap-Menu":

element.appendChild(Icons.ALL.dots_vertical_mdi()
                .clickable()
                .apply(self -> {
                    DropDownMenu dropDownMenu = DropDownMenu.create(self);
                    dropDownMenu.appendChild(DropdownAction.create("value 1")
                            .addClickListener(evt -> {})
                    );
                    dropDownMenu.appendChild(DropdownAction.create("value 2")
                            .addClickListener(evt -> {})
                    );

                    self.addClickListener(evt -> {
                        dropDownMenu.open();
                        evt.stopPropagation();
                    });

                }).element());

Please add this to the demo application

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.