nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

How to set one "Label" widget per line in VerticalWidgets?

npavlov

I want to have several lines of labels (alfresco/html/Label widget). But if I create such Aikau model, it doesn't work correct (see attached image – it works for Logo widgets, but all text is on one line):

model.jsonModel = {
    widgets: [
        {
            name: "alfresco/layout/VerticalWidgets",
            "config": {
                "widgetMarginTop": 10,
                "widgetMarginBottom": 10,
                "widgets": [
                    {
                        "name": "alfresco/logo/Logo"
                    },
                    {
                        "name": "alfresco/logo/Logo"
                    },
                    {
                        name: "alfresco/html/Label",
                        config: {
                            label: "text1 text2"
                        }
                    },
                    {
                        name: "alfresco/html/Label",
                        config: {
                            label: "text3 text4"
                        }
                    }
                ]
            }
        }
    ]
};

4.png

Find more posts tagged with

Alfresco Content Services

Comments

krutik_jayswal

At first I was thinking that it is a bug in aikau, but may be not.I think labels are implemented for using it with the other widget as well.For example giving the label to the textfield.In this case this behaviour will be useful.

If you would like to print several values in a vertical way than i think you might use below widget.

JSDoc: Module: alfresco/lists/views/AlfListView

npavlov

Hi, thanks a lot. I'm new in Aikau so I have a few more questions:

Do you think that we shouldn't use Label widget as ordinary widget at all? For example, i want to get a few lines of Labels how should I use AlfListView?

Such model doesn't work (I can't see anything on page):

{
    name: "alfresco/lists/views/AlfListView",
    config: {
        widgets: [
            {
                name: "alfresco/lists/views/layouts/Row",
                config: {
                    widgets: [
                        {
                            name: "alfresco/lists/views/layouts/Cell",
                            config: {
                                widgets: [
                                    {
                                        name: "alfresco/html/Label",
                                        config: {
                                            label: "text1 text2"
                                        }
                                    }
                                ]
                            }
                        }
                    ]
                }
            },
            {
                name: "alfresco/lists/views/layouts/Row",
                config: {
                    widgets: [
                        {
                            name: "alfresco/lists/views/layouts/Cell",
                            config: {
                                widgets: [
                                    {
                                        name: "alfresco/html/Label",
                                        config: {
                                            label: "text3 text4"
                                        }
                                    }
                                ]
                            }
                        }
                    ]
                }
            }
        ]
    }
}
How I should push my widgets into that list?

I found another widget:

JSDoc: Module: alfresco/lists/AlfList

There are example for hard-coded data (but I don't know how to put my widget into value, if it is possible):

{
    name: "alfresco/lists/AlfList",
    config: {
        currentData: {
            items: [
                {value: "one"},
                {value: [
                    {
                        name: "alfresco/html/Label",
                        config: {
                            label: "text1 text2"
                        }
                    }
                ]
                },
                {value: "two"}
            ]
        },
        widgets: [
            {
                name: "alfresco/lists/views/HtmlListView",
                config: {
                    propertyToRender: "value"
                }
            }
        ]
    }
}

For that model i get:

one

[object Object]

two

on my page. Could we use insert our widget here?