Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

  • 12.0p CSS style for print preview DynamicForm borderTitle missing

    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)

    Click image for larger version

Name:	Print Preview border Style missing.png
Views:	1
Size:	5.3 KB
ID:	258893

    Code:
    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

  • #2
    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?!
    Code:
    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

    Comment


    • #3
      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.

      Comment


      • #4
        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

        Comment

        Working...
        X