12.0p CSS style for print preview DynamicForm borderTitle missing

[Blama]

Hi Isomorphic,

please see this online sample (v12.0p_2019-08-01) where in the print preview the style for the groupTitle is missing (text in Times New Roman)

isc.DynamicForm.create({ 
    ID: "dynamicForm1",
    isGroup: true, groupTitle: "Form 1",
    canEdit: false, readOnlyDisplay:"static",
    dataSource: "supplyItem",
    width: 800,
    fields:[
       {name: "header", type:"header", value:"Form 1"},
       {name: "itemID"},
       {name: "itemName"},
       {name: "SKU"},
       {name: "category"},
       {name: "unitCost"},
       {name: "units"},
       {name: "inStock", labelAsTitle:true},
       {name: "nextShipment"},
       {name: "description", showIf:"dynamicForm1.getValue('description') != null"},
    ]
});

isc.DynamicForm.create({ 
    ID: "dynamicForm2",
    canEdit: false, readOnlyDisplay:"static",
    dataSource: "supplyItem",
    width: 800,
    fields:[
       {name: "header", type:"header", value:"Form 2"},
       {name: "itemID"},
       {name: "itemName"},
       {name: "SKU"},
       {name: "category"},
       {name: "unitCost"},
       {name: "units"},
       {name: "inStock", labelAsTitle:true},
       {name: "nextShipment", type:"date", useTextField:true},
       {name: "description", showIf:"dynamicForm2.getValue('description') != null"},
    ]
});


isc.IButton.create({
    ID: "toggleEditButton1",
    title: "Toggle canEdit1",
    click: "dynamicForm1.setCanEdit(!dynamicForm1.canEdit)"
});

isc.IButton.create({
    ID: "toggleEditButton2",
    title: "Toggle canEdit2",
    click: "dynamicForm2.setCanEdit(!dynamicForm2.canEdit)"
});


isc.IButton.create({
ID:"printBtn",
            autoDraw: false,
            title: "Print Preview",
            click: "isc.Canvas.showPrintPreview([dynamicForm1, dynamicForm2])"
        });

isc.HStack.create({
    ID: "buttons",
    height: 24,
    membersMargin: 10,
    members: [toggleEditButton1, toggleEditButton2, printBtn]
});

isc.VLayout.create({
    width: 800,
    membersMargin: 10,
    members: [dynamicForm1, dynamicForm2, buttons]
});

dynamicForm1.fetchData({ fieldName: "SKU", operator: "equals", value: "90600" });
dynamicForm2.fetchData({ fieldName: "SKU", operator: "equals", value: "90600" });

Best regards
Blama

[Blama]

Hi Isomorphic,

it gets stranger.

In this testcase, where I draw a VLayout instead of two single DynamicForms, the group title design is not broken?!

isc.DynamicForm.create({ 
    ID: "dynamicForm1",
    isGroup: true, groupTitle: "Form 1",
    canEdit: false, readOnlyDisplay:"static",
    dataSource: "supplyItem",
    width: 800,
    fields:[
       {name: "header", type:"header", value:"Form 1"},
       {name: "itemID"},
       {name: "itemName"},
       {name: "SKU"},
       {name: "category"},
       {name: "unitCost"},
       {name: "units"},
       {name: "inStock", labelAsTitle:true},
       {name: "nextShipment"},
       {name: "description", showIf:"dynamicForm1.getValue('description') != null"},
    ]
});

isc.DynamicForm.create({ 
    ID: "dynamicForm2",
    canEdit: false, readOnlyDisplay:"static",
    dataSource: "supplyItem",
    width: 800,
    fields:[
       {name: "header", type:"header", value:"Form 2"},
       {name: "itemID"},
       {name: "itemName"},
       {name: "SKU"},
       {name: "category"},
       {name: "unitCost"},
       {name: "units"},
       {name: "inStock", labelAsTitle:true},
       {name: "nextShipment", type:"date", useTextField:true},
       {name: "description", showIf:"dynamicForm2.getValue('description') != null"},
    ]
});


isc.IButton.create({
    ID: "toggleEditButton1",
    title: "Toggle canEdit1",
    click: "dynamicForm1.setCanEdit(!dynamicForm1.canEdit)"
});

isc.IButton.create({
    ID: "toggleEditButton2",
    title: "Toggle canEdit2",
    click: "dynamicForm2.setCanEdit(!dynamicForm2.canEdit)"
});


isc.IButton.create({
ID:"printBtn",
            autoDraw: false,
            title: "Print Preview good",
            click: "isc.Canvas.showPrintPreview([formsVLayout])"
        });

isc.IButton.create({
ID:"printBtn2",
            autoDraw: false,
            title: "Print Preview bad",
            click: "isc.Canvas.showPrintPreview([dynamicForm1, dynamicForm2])"
        });

isc.HStack.create({
    ID: "buttons",
    height: 24,
    membersMargin: 10,
    members: [toggleEditButton1, toggleEditButton2, printBtn, printBtn2]
});

isc.VLayout.create({
    ID: "formsVLayout",
    width: 800,
    membersMargin: 10,
    members: [dynamicForm1, dynamicForm2]
});

isc.VLayout.create({
    ID: "completeVLayout",
    width: 800,
    membersMargin: 10,
    members: [formsVLayout, buttons]
});

dynamicForm1.fetchData({ fieldName: "SKU", operator: "equals", value: "90600" });
dynamicForm2.fetchData({ fieldName: "SKU", operator: "equals", value: "90600" });

Locally, I also saw that showIf on a FormItem of the DynamicForm is not working in print preview (field always shown, if you don't do a myDF.draw(), myDF.hide() before. I could not reproduce this online, yet.

Best regards
Blama

[Isomorphic]

We've fixed this, such that the <legend> written out when printing is styled by the groupLabelStyleName. Please retest with a build dated August 5 or later.

[Blama]

Hi Isomorphic,

thanks. Did you see #2, where it seems that this is some timing or other issue, as it was possible to get this styled even before?

Best regards
Blama