Examples with Text elemental2.dom.Text used on opensource projects

Example 1 with Text

use of elemental2.dom.Text in project domino-ui-demo by DominoKit.

the class LoadersViewImpl method createCard.

private Card createCard(LoaderEffect effect, String loadingText, Background bodyBackground, Background headerBackground) {
    Card card = Card.create(effect.toString(), effect.toString().toLowerCase() + " loader effect.").setBodyBackground(bodyBackground).setHeaderBackground(headerBackground);
    EventListener loaderListener = e -> {
        Loader loader = Loader.create(card.asElement(), effect).setLoadingText(loadingText).start();
        new Timer() {

            @Override
            public void run() {
                loader.stop();
            }
        }.schedule(7000);
    };
    Button button = Button.createDefault("CLICK ME").addClickListener(loaderListener);
    card.appendContent(new Text(SAMPLE_CONTENT)).appendContent(Elements.br().asElement()).appendContent(Elements.br().asElement()).appendContent(Elements.div().attr("style", "text-align: center").add(button.asElement()).asElement());
    return card;
}

Example 2 with Text

use of elemental2.dom.Text in project domino-ui-demo by DominoKit.

the class TypographyViewImpl method blockqoute.

private void blockqoute() {
    element.appendChild(Card.create("BLOCKQUOTES").appendContent(Blockquote.create("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.").asElement()).appendContent(Blockquote.create("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.").appendFooterContent(new Text("Someone famous in ")).appendFooterContent(cite().textContent("source title.").asElement()).asElement()).appendContent(Blockquote.create("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.").appendFooterContent(new Text("Someone famous in ")).appendFooterContent(cite().textContent("source title.").asElement()).reverse().asElement()).asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.blockqoute()).asElement());
}

Example 3 with Text

use of elemental2.dom.Text in project domino-ui-demo by DominoKit.

the class CollapseViewImpl method multiOpenItems.

private void multiOpenItems() {
    Row row = Row.create();
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("MULTIPLE ITEMS TO BE OPEN").setCollapsible().appendContent(Accordion.create().multiOpen().fullBody().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.perm_contact_calendar()).setColor(Color.PINK).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.cloud_download()).setColor(Color.CYAN)).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.contact_phone()).setColor(Color.TEAL).expand()).addPanel(AccordionPanel.create("Collapsible item 4", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.folder_shared()).setColor(Color.ORANGE)).asElement()).asElement())).asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.multiOpenItems()).asElement());
}

Example 4 with Text

use of elemental2.dom.Text in project domino-ui-demo by DominoKit.

the class CollapseViewImpl method accordionSample.

private void accordionSample() {
    Row row = Row.create();
    Column column = Column.create().onLarge(Column.OnLarge.six).onMedium(Column.OnMedium.six).onSmall(Column.OnSmall.twelve).onXSmall(Column.OnXSmall.twelve);
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("BASIC EXAMPLES", "Extend the default collapse behavior to create an accordion with the panel component.").setCollapsible().appendContent(Elements.b().textContent("Panel Primary").asElement()).appendContent(Accordion.create().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT))).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT))).asElement()).appendContent(Elements.b().textContent("Panel Success").asElement()).appendContent(Accordion.create().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT))).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT))).success().asElement()).appendContent(Elements.b().textContent("Panel Warning").asElement()).appendContent(Accordion.create().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT))).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT))).warning().asElement()).appendContent(Elements.b().textContent("Panel Danger").asElement()).appendContent(Accordion.create().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT))).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT))).danger().asElement()).asElement())).addColumn(column.copy().addElement(Card.create("FULL BODY EXAMPLES", "If you want to also colorful body, you need to use fullBody method.").setCollapsible().appendContent(Elements.b().textContent("Panel Primary").asElement()).appendContent(Accordion.create().fullBody().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT))).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT))).asElement()).appendContent(Elements.b().textContent("Panel Success").asElement()).appendContent(Accordion.create().fullBody().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT))).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT))).success().asElement()).appendContent(Elements.b().textContent("Panel Warning").asElement()).appendContent(Accordion.create().fullBody().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT))).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT))).warning().asElement()).appendContent(Elements.b().textContent("Panel Danger").asElement()).appendContent(Accordion.create().fullBody().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT))).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT))).danger().asElement()).asElement())).asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.accordionSample()).asElement());
}

Example 5 with Text

use of elemental2.dom.Text in project domino-ui-demo by DominoKit.

the class CollapseViewImpl method colorFullWithIcons.

private void colorFullWithIcons() {
    Row row = Row.create();
    Column column = Column.create().onLarge(Column.OnLarge.six).onMedium(Column.OnMedium.six).onSmall(Column.OnSmall.twelve).onXSmall(Column.OnXSmall.twelve);
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("COLORFUL PANEL ITEMS WITH ICON").setCollapsible().appendContent(Elements.b().textContent("Panel Primary").asElement()).appendContent(Accordion.create().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.perm_contact_calendar()).setColor(Color.PINK).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.cloud_download()).setColor(Color.CYAN)).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.contact_phone()).setColor(Color.TEAL)).addPanel(AccordionPanel.create("Collapsible item 4", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.folder_shared()).setColor(Color.ORANGE)).asElement()).asElement())).addColumn(column.copy().addElement(Card.create("FULL BODY COLORFUL PANEL ITEMS WITH ICON").setCollapsible().appendContent(Elements.b().textContent("Panel Primary").asElement()).appendContent(Accordion.create().fullBody().addPanel(AccordionPanel.create("Collapsible item 1", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.perm_contact_calendar()).setColor(Color.PINK).expand()).addPanel(AccordionPanel.create("Collapsible item 2", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.cloud_download()).setColor(Color.CYAN)).addPanel(AccordionPanel.create("Collapsible item 3", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.contact_phone()).setColor(Color.TEAL)).addPanel(AccordionPanel.create("Collapsible item 4", new Text(SAMPLE_CONTENT)).setIcon(Icons.ALL.folder_shared()).setColor(Color.ORANGE)).asElement()).asElement())).asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.colorFullWithIcons()).asElement());
}