AcuToWeb Web Display

Good day, I just setup and run developed application on server side running AcuConnet and pointed via an application server running the AcuToWeb gateway with the active alias setup in server side. Well, the display inside the browser is different from the AcuThin shows up. I had notice that the fonts isn't same, entry fields, buttons and etc is not display properly as shown in AcuThin.

What's the recommended steps to improvise the display of AcuToWeb content with proper style or alignment that's had been set as the AcuThin.

  • please contact Customer Care to get a patch. There were a number of 10.1 items changed by us adding Unicode. Customer Care can provide patch1670 which resolves known display and Unicode change issues.
  • I have another problem .. where the display of images default is COPY RESOURCES .....jpg in AcuToWeb, the image suppose to be PNG and background transparent. It happened to display in PNG but background is not transparent .
  • Please contact Customer Care with your example and we can take a look into this.
  • Hi . I am working with CSS for application . How to make the program execute with white background instead of grey background as display in windows.

    I had add a css template named background.css under acutoweb gateway config.

    Then coded in

    .ui-winbase {
    background-color : rgb(255,255,255);
    }

    It doesn't show white and i can see many layers under inspect. which i try to change directly in inspect elements also not working.
  • Hi . I am working with CSS for application . How to make the program execute with white background instead of grey background as display in windows.

    I had add a css template named background.css under acutoweb gateway config.

    Then coded in

    .ui-winbase {
    background-color : rgb(255,255,255);
    }

    It doesn't show white and i can see many layers under inspect. which i try to change directly in inspect elements also not working.
  • Here is an example (which does not use white - but should help):

    /* This is the SpringTheme. The colors in the palette are:
    light green: hex #cfffco rgb(207,255,192)
    yellow: hex #feffa6 rgb(254,255,166)
    light purple hex #f5beff rgb(245,190,255)
    dark purple hex #dec4ff rgb(222,196,255)
    tan hex #ffd2b9 rgb(255,210,185)
    */
    .ui-paged-pgprev
    {
    background-image: url('images/pager-prevpage.png');
    }

    .ui-paged-pgnext
    {
    background-image: url('images/pager-nextpage.png');
    }

    .ui-paged-prev
    {
    background-image: url('images/pager-prev.png');
    }

    .ui-paged-next
    {
    background-image: url('images/pager-next.png');
    }

    .ui-paged-pgprev,
    .ui-paged-pgnext,
    .ui-paged-prev,
    .ui-paged-next
    {
    border-width: 1px;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
    background-color : #008000 !important ;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 3px;
    }


    .ui-button,
    .ui-control-button,
    .ui-control button
    { border:1px solid #d7dada;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration:none;
    font-weight:bold;
    background-color: #ffd2b9;
    }

    /*
    inactive window title-bar colors
    */

    /*
    active/current window title-bar colors
    */
    .ui-cblwindow .ui-wintitle,
    .ui-cblwindow-active .ui-wintitle
    {

    /* Permalink - use to edit and share this gradient: colorzilla.com/.../ 0,d3eefb 100;Blue 3D #3 */
    /* www.w3schools.com/.../colors_picker.asp */
    background: #cfffc0; /* Old browsers */
    background: -moz-linear-gradient(top, #f5beff 0%, #cfffc0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5beff 0%,#cfffc0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5beff 0%,#cfffc0 100%); /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5beff', endColorstr='#cfffc0',GradientType=0 ); /* IE6-9 */
    color: #000000; /* Text color */
    }
    .ui-cblwindow-active
    {
    /* Permalink - use to edit and share this gradient: colorzilla.com/.../ 0,d3eefb 100;Blue 3D #3 */
    /* www.w3schools.com/.../colors_picker.asp */
    background: #cfffc0 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #f5beff 0%, #cfffc0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5beff 0%,#cfffc0 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5beff 0%,#cfffc0 100%)!important; /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5beff', endColorstr='#cfffc0',GradientType=0 )!important; /* IE6-9 */
    color: #000000 !important; /* Text color */
    }
    .ui-winbase.ui-mouseflags-allowed
    {
    /* Permalink - use to edit and share this gradient: colorzilla.com/.../ 0,d3eefb 100;Blue 3D #3 */
    /* www.w3schools.com/.../colors_picker.asp */
    background: #cfffc0 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #f5beff 0%, #cfffc0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5beff 0%,#cfffc0 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5beff 0%,#cfffc0 100%)!important; /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5beff', endColorstr='#cfffc0',GradientType=0 )!important; /* IE6-9 */
    color: #000000 !important; /* Text color */
    }
    .ui-cblwindow.ui-draggable.ui-cblwindow-active
    {
    /* Permalink - use to edit and share this gradient: colorzilla.com/.../ 0,d3eefb 100;Blue 3D #3 */
    /* www.w3schools.com/.../colors_picker.asp */
    background: #cfffc0 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #f5beff 0%, #cfffc0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f5beff 0%,#cfffc0 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f5beff 0%,#cfffc0 100%)!important; /* W3C, IE10 , FF16 , Chrome26 , Opera12 , Safari7 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5beff', endColorstr='#cfffc0',GradientType=0 )!important; /* IE6-9 */
    color: #000000 !important;

    }
    table.ui-terminal-layer td
    {
    background-color: transparent !important;
    color: #000000 !important; /* Text color */
    }

    }