1. Advisor
  2. @hpcc-js/common
  3. functions
  4. @hpcc-js/common.EntityCard
View all @hpcc-js/common analysis

How to use the @hpcc-js/common.EntityCard function in @hpcc-js/common

To help you get started, we’ve selected a few @hpcc-js/common examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github hpcc-systems / Visualization / tests / test-layout / src / layout.spec.ts View on Github external
.widgets(vlData.map(function (row) {
                                        return new EntityCard()
                                            .icon("")
                                            .title(row[0])
                                            .description("sum: " + (row[1] + row[2]))
                                            .iconColor("#000")
                                            .backgroundShape("rect")
                                            .backgroundColorFill("#c8d6e5")
                                            .backgroundColorStroke("#576574")
                                            ;
                                    }))
                                );
github hpcc-systems / Visualization / tests / test-common / src / common.spec.ts View on Github external
.title("Surface")
                                    .menu(menuList)
                                    .content(new Text()
                                        .text("Hello\nand\nWelcome!")
                                    ));
                                break;
                            case ResizeSurface:
                                renderMedium(new ResizeSurface()
                                    .title("Resize Me")
                                    .menu(menuList)
                                    .content(new Text()
                                        .text("I\nam\nResizale!")
                                    ));
                                break;
                            case EntityCard:
                                renderMedium(new EntityCard()
                                    .icon("")
                                    .iconDiameter(28)
                                    .iconPaddingPercent(0)
                                    .title("SomeTitle")
                                    .titleFontSize(28)
                                    .titleColor("#ecf0f1")
                                    .description("SomeDescription")
                                    .descriptionColor("#ecf0f1")
                                    .iconColor("#ecf0f1")
                                    .backgroundShape("rect")
                                    .backgroundColorFill("#2980b9")
                                    .backgroundColorStroke("#2c3e50")
                                    .annotationIcons([
                                        { faChar: "A", image_colorFill: "#2c3e50", shape_colorFill: "#f1c40f", shape_colorStroke: "none" },
                                        { faChar: "B", image_colorFill: "#2c3e50", shape_colorFill: "#e67e22", shape_colorStroke: "none" },
                                        { faChar: "C", image_colorFill: "#2c3e50", shape_colorFill: "#e74c3c", shape_colorStroke: "none" }
github hpcc-systems / Visualization / demos / gallery / samples / common / EntityCard.js View on Github external
import { EntityCard } from "@hpcc-js/common";

new EntityCard()
    .annotationIcons([
        { faChar: "A", image_colorFill: "#2c3e50", shape_colorFill: "#f1c40f", shape_colorStroke: "none" },
        { faChar: "B", image_colorFill: "#2c3e50", shape_colorFill: "#e67e22", shape_colorStroke: "none" },
        { faChar: "C", image_colorFill: "#2c3e50", shape_colorFill: "#e74c3c", shape_colorStroke: "none" },
    ])
    .target("target")
    .icon("")
    .iconDiameter(55)
    .iconPaddingPercent(0)
    .title("Hello\nEntityCard")
    .titleFontSize(28)
    .titleColor("#ecf0f1")
    .description("This is an EntityCard description")
    .descriptionColor("#ecf0f1")
    .iconColor("#ecf0f1")
    .backgroundShape("rect")
github hpcc-systems / Visualization / demos / gallery / samples / layout / HorizontalList.js View on Github external
.widgets(data.map(row=>{
        return new EntityCard()
            .icon("")
            .title(row[0])
            .description('sum: '+(row[1] + row[2]))
            .iconColor("#000")
            .backgroundShape("rect")
            .backgroundColorFill("#c8d6e5")
            .backgroundColorStroke("#576574")
            ;
    }))
    .target("target")
github hpcc-systems / Visualization / demos / gallery / samples / layout / VerticalList.js View on Github external
.widgets(data.map(row=>{
        return new EntityCard()
            .icon("")
            .title(row[0])
            .description('sum: '+(row[1] + row[2]))
            .iconColor("#000")
            .backgroundShape("rect")
            .backgroundColorFill("#c8d6e5")
            .backgroundColorStroke("#576574")
            ;
    }))
    .target("target")

@hpcc-js/common

hpcc-js - Viz Common

GitHub
Apache-2.0
Latest version published 1 month ago

Package Health Score

78 / 100
Full package analysis

Popular @hpcc-js/common functions

Similar packages