Announcement

Collapse
No announcement yet.
X
Collapse
  • Page of 1
  • Filter
  • Time
Clear All
new posts
Previous template Next
    #1

    IE8 - print preview display issuse

    In Internet Explorer 8, when I generate the print preview for a chart and grid, the two components are stacked on top of each other.

    SmartClient_v91p_2014-05-13_PowerEdition

    Repro steps:
    1. Load the test case
    2. Execute the following method in the console: print()
    3. Note that the chart is displayed on top of the grid.

    If I add printForExport to the print properties argument of showPrintPreview, the chart is not displayed at all.

    This does not occur on other browsers such as Chrome.


    [code]
    <!DOCTYPE html>

    <html>
    <head>
    <title >SNQA-661</title>

    <script type="text/javascript" >
    var isomorphicDir="http://localhost:8080/isomorphic/";

    </script>

    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Core.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Foundation.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Containers.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Grids.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Forms.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_DataBinding.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Drawing.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_PluginBridges.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Charts.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/system/development/ISC_Tools.js"></script>
    <script type="text/javascript" SRC="http://localhost:8080/isomorphic/skins/EnterpriseBlue/load_skin.js"></script>

    </head>
    <body>

    <script type="text/javascript">

    var data = [
    { project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "Long Project Name", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 23, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "Feliz Navidad", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "Whitehouse Lawn Maintenance", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "Automated Teller MAchine Upgrades", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 34, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "123 Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 231, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" },
    { project: "Saks Avenue", redflag: "", owner: "University of MD", ins: 33, obs: 1, unsafe: 9, safe: 222, insDate: "10/12/2011", score:"<img src='star-4.png'/>55%", link:"<a href=''>View Analysis</a>" }
    ];

    </script>

    </head>

    <body>

    <script type="text/javascript">

    isc.DataSource.create({
    ID: "ds",
    fields: [
    {name:"project", title:"Project", type:"text" },
    {name:"redflag", type:"text", title:"Flag"},
    {name:"owner", type:"text", title:"Owner"},
    {name:"ins", type:"integer", title:"#Inspections"},
    {name:"obs", type:"integer", title:"#Observations"},
    {name:"unsafe", type:"integer", title:"# Non-Compliant"},
    {name:"safe", type:"integer", title:"# Compliant"},
    {name:"insDate", type:"date", title:"Last Inspection"}
    ],
    cacheData:data,
    clientOnly: true
    });

    var grid = isc.ListGrid.create({
    dataSource : ds,
    dataFetchMode : "local",
    autoFetchData: true,
    width : 800,
    align : "center",
    autoDraw: false,
    autoFitData : "vertical",
    autoFitMaxHeight : 600,
    alternateRecordStyles : true,
    canAddFormulaFields : true,
    //canAddSummaryFields : true,
    canGroupBy : true,
    //canReorderFields : true,
    showGroupSummary : true,
    //groupByMaxRecords : 1000,
    //canMultiGroup : true,
    useAdvancedFieldPicker : true,
    advancedFieldPickerThreshold : 3,
    canEditTitles: true
    });

    var chart = isc.FacetChart.create({
    align:"center",
    data: data,
    autoDraw: false,
    dataMargin: 25,
    width: 300,
    height: 300,
    ID: "SNWS-632",
    facets: [{
    id: "project", // the key used for this facet in the data above
    title: "Project"
    }],
    valueProperty: "obs", // the property in our data that is the numerical value to chart
    valueTitle: "Observations",
    chartType: "Line",
    title: "SNQA-632",
    showDataPoints: true,
    showDataValues: true,
    showValueAxisLabel: true
    });

    var layout = isc.VLayout.create({
    layoutMargin: 0,
    membersMargin: 0,
    defaultLayoutAlign:"center",
    border: "1px dashed #000000",
    autoDraw: true,
    members: [
    chart,
    grid
    ]
    });

    var print = function() {
    Canvas.showPrintPreview([chart, grid], {}, {
    canDragResize : true,
    width : "50%",
    height : "50%",
    autoCenter : true,
    title : "SNQA-632"
    });
    }
    </script>
    </body>

    </html>
    [code]
    Tags: None
    #2
    Any thoughts on this?

    Comment

      #3
      I believe that we pay for support from Isomorphic, with a SLA as well. While I do not expect an answer to this issue immediately, it would be nice to get some sort of acknowledgement of my question.

      I spend a considerable amount of time generating test cases and formatting my posts according to the guidelines, and we also have a release schedule we must adhere to. As such, some of the issues we have identified during our QA testing may be related to the SmartClient API, and in order to close out tickets on our end I need to verify that it is resolved (or will be resolved) in a future SmartClient release.

      If I am in error, or our support has lapsed, please let me know.

      Comment

        #4
        You're correct, we show your support has lapsed, that's why you're not getting responses for a bug report on a combination of an old version, old platform and edge case.

        We'll double-check our records on the lapsed support.

        Note that normally, you have to ignore several messages from us in order for this to happen accidentally.

        Comment

          #5
          Just to confirm - yes, your support lapsed a while ago and we show that we sent a note about it as well.

          Comment

            #6
            Confirmed. Working on getting support renewed.

            Comment

            Previous template Next
            Working...
            X