Quantcast
Channel: SmartClient Forums
Viewing all articles
Browse latest Browse all 4756

Ellipsis not showing in Portlet window header

$
0
0
When the portlet is resized, the window header gets cut off (instead of showing ellipsis). Problem is reproduced in SmartClient version v9.1p_2014-08-08/Pro Deployment (built 2014-08-08) on Windows 7 Firefox 31.0 as well as Chrome 36.0.1985.125 m.

It can be reproduced with code similar to the SmartClient Portlet Resizing example on http://www.smartclient.com/#resizingPortlets and a CSS on windowHeaderText:

Javascript:
Code:

isc.PortalLayout.create({
    width: "100%",
    height: "100%",
    canResizePortlets: true,
    showColumnMenus: false,
    portlets: [
        [ // Array for left column
            isc.Portlet.create({
                title: "Portlet ABCDEFGHIJ"
            }),
            [ // Array for a row
                isc.Portlet.create({
                    title: "Portlet BCDEFGHIJK"
                }),
                isc.Portlet.create({
                    title: "Portlet CDEFGHIJKL"
                })
            ]
        ],[ // Array for right column
            [
                isc.Portlet.create({
                    title: 'Portlet DEFGHIJKLM'
                }),
                isc.Portlet.create({
                    title: 'Portlet EFGHIJKLMN'
                })
            ],
            isc.Portlet.create({
                title: 'Portlet FGHIJKLMNO'
            })
        ]
    ]
});

CSS:
Code:

.windowHeaderText,
.dialogHeaderText {
    color:#4e4e4e;
    padding:0px;
    padding-bottom:2px;
    padding-left:3px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

----------------
SmartClient Version: v9.1p_2014-08-08/Pro Deployment (built 2014-08-08)
Windows 7 Firefox 31.0 and Chrome 36.0.1985.125 m

Viewing all articles
Browse latest Browse all 4756

Trending Articles