Welcome Serena Central users! CLICK HERE
The migration of the Serena Central community is currently underway. Be sure to read THIS MESSAGE to get your new login set up to access your account.
lrtcoolman Absent Member.
Absent Member.
1667 views

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.

Tags (3)
0 Likes
5 Replies
Micro Focus Expert
Micro Focus Expert

RE: AcuToWeb Web Display

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.
0 Likes
lrtcoolman Absent Member.
Absent Member.

RE: AcuToWeb Web Display

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 .
0 Likes
Micro Focus Expert
Micro Focus Expert

RE: AcuToWeb Web Display

Please contact Customer Care with your example and we can take a look into this.
0 Likes
lrtcoolman Absent Member.
Absent Member.

RE: AcuToWeb Web Display

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.
0 Likes
Micro Focus Expert
Micro Focus Expert

RE: AcuToWeb Web Display

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: http://colorzilla.com/gradient-editor/#e9f6fd+0,d3eefb+100;Blue+3D+%233 */
/* http://www.w3schools.com/colors/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: http://colorzilla.com/gradient-editor/#e9f6fd+0,d3eefb+100;Blue+3D+%233 */
/* http://www.w3schools.com/colors/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: http://colorzilla.com/gradient-editor/#e9f6fd+0,d3eefb+100;Blue+3D+%233 */
/* http://www.w3schools.com/colors/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: http://colorzilla.com/gradient-editor/#e9f6fd+0,d3eefb+100;Blue+3D+%233 */
/* http://www.w3schools.com/colors/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 */
}

}

 

 

 

0 Likes
The opinions expressed above are the personal opinions of the authors, not of Micro Focus. By using this site, you accept the Terms of Use and Rules of Participation. Certain versions of content ("Material") accessible here may contain branding from Hewlett-Packard Company (now HP Inc.) and Hewlett Packard Enterprise Company. As of September 1, 2017, the Material is now offered by Micro Focus, a separately owned and operated company. Any reference to the HP and Hewlett Packard Enterprise/HPE marks is historical in nature, and the HP and Hewlett Packard Enterprise/HPE marks are the property of their respective owners.