BorderSpec on Panels

[dangerlinto]

I'm having difficulty using the .BorderSpec property to style panel borders

Please see the following example and resulting render

X.Panel()
    .Layout(LayoutType.Column)
    .Items(
        X.Panel()
        .ColumnWidth(0.65)
        .Title("Width=0.65")
        .Border(false)
        .Items(       
            X.TextArea()
            .ID("testTA")
        )
        ,
        X.Panel()
        .ColumnWidth(0.35)
        .Border(true)
        .BorderSpec("0 1 0 1")
        .Title("Width=0.35")
        .Items(
            X.TextArea()
            .ID("testTA5")
        )
        ,         
        X.Panel()
        .Width(400)
        .Border(false)
        .Title("Metrics")
        .Items(
            X.TextArea()
            .ID("testTA4")
        )
    )

Essentially, I want border lines on the left and right of the middle panel, but it seems regardless of the BorderSpec setting, borders are rendered exactly as shown.

[Baidaly]

Hello!

Yes, Border property takes boolean values only, however Sencha says it should take string as well: http://docs.sencha.com/extjs/4.1.3/#...nel-cfg-border

We reported to Sencha, so let's wait their response.

For now, try the following:

@(X.Panel()
    .Layout(LayoutType.Column)
    .Items(
        X.Panel()
        .ColumnWidth(0.65)
        .Title("Width=0.65")
        .Border(false)
        .Items(       
            X.TextArea()
            .ID("testTA")
        )
        ,
        X.Panel()
        .ColumnWidth(0.35)
        .Border(false)
        .Title("Width=0.35")
        .Items(
            X.TextArea()
            .ID("testTA5")
        )
        .CustomConfig(c =>
        {
            c.Add(new ConfigItem("style", "{ borderRight: '10px solid #99BCE8', borderLeft: '10px solid #99BCE8'}", ParameterMode.Raw));
        })
        ,         
        X.Panel()
        .Width(400)
        .Border(false)
        .Title("Metrics")
        .Items(
            X.TextArea()
            .ID("testTA4")
        )
    )
)