apex login page wallpaper

1. upload wallpaper & logo
2. Page level inline css paste

span.t-Login-logo {
background-image: url(#APP_IMAGES#color3.jpg);
backgroung-size: cover;
width: 100px;
height: 80px;
}

.t-Body {
background-image:url(#APP_IMAGES#color2.jpg);
background-repeat: no-repeat;
background-size : 100%;
background-position: 25%;
}




//////////////

---Transper login page----

span.t-Login-logo {
background-image: url(#APP_IMAGES#color3.jpg);
backgroung-size: cover;
width: 100px;
height: 80px;
}


body{font-family: 'Droid Arabic Kufi', sans-serif; font-size:1.3rem;}
.t-PageBody--login .t-Body {
background-image: url(#APP_IMAGES#color2.jpg);
background-position: center center;
   background-repeat:  no-repeat;
   background-attachment: fixed;
   background-size:  cover;
background-color: #45484d;
background-color: -moz-linear-gradient(top, #45484d 0%, #000000 100%);
background-color: -webkit-linear-gradient(top, #45484d 0%,#000000 100%);
background-color: linear-gradient(to bottom, #45484d 0%,#000000 100%);
}
body .t-Login-title , .t-Login-region {
    background-color: rgba(128, 152, 180, 0.51);
color: #F8F8F8
}
.t-Login-body {
    text-align: right;
}
.popup
{
  z-index: 10;
margin:100px auto;
display:block;
text-align:center;

-moz-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-o-box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
box-shadow: 0 0 10px rgba(0,0,0,.18); /* drop shadow */
-webkit-transform-origin:top center;
-moz-transform-origin:top center;
-o-transform-origin:top center;
transform-origin:top center;
-webkit-animation: iconosani 1.2s forwards;
animation: iconosani 1.2s forwards;
-moz-animation: iconosani 1.2s forwards;
-o-animation: iconosani 1.2s forwards;
}
.apex-icons-fontawesome .t-Login-logo{
        font-size: 50px;
        color: #fff; 
}
#P9999_PASSWORD , #P9999_USERNAME  {
background-color: #0e0d0d00;
color: #292929;
font-size: 1.5em;
border-bottom-color: #0464a9;
border-width: 0 0 3px 0;
}





//////



span.t-Login-logo {

background-image: url(#APP_IMAGES#color4.jpg);

backgroung-size: cover;

width: 100px;

height: 80px;

}

body {
  webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image:url('#APP_IMAGES#color2.jpg');
  }
  .ui-content.ui-body-a{
    background: rgba(0, 0, 0, 0.1);
  }
  .ui-responsive-panel.ui-page.ui-page-theme-a.ui-page-active{
    background: rgba(0, 0, 0, 0.1);
  }



///////


. Logo span.t-Login-logo { background-image: url(#APP_IMAGES#color4.jpg); background-size: cover; width: 120px; height:120px; } Background Image .t-PageBody--login .t-Body{ background: url(#APP_IMAGES#color2.jpg); background-repeat: no-repeat; background-size: cover; } Transparent login Page .t-Login-region { position: relative; width: 410px; margin: 0 auto; background: rgba(130,130,130,.3); padding: 20px 22px; border: 1px solid; border-top-color: rgba(255,255,255,.4); border-left-color: rgba(255,255,255,.4); border-bottom-color: rgba(60,60,60,.4); border-right-color: rgba(60,60,60,.4); }

item position

/*
 * Dick Dral - Detora @ 2016
 */

/*  Removes the class col-1, col-2 etc. from the div.
 *  This removes the fixed width from the div which gets its
 *  it's width from the content then
 */
function remove_col_x_class( div )
{
  for ( i = 1; i <= 12 ; i++ )
  { $(div).removeClass('col-'+i); }
  return div;
}


/* This function returns the label or input container of an Apex item.
 * These divs can be used to put content on one line.
 */
function get_container_div ( colname, type )
{
  type = ( type.toLowerCase() == 'label' ) ? 'label' : 'input';
  var div = $('#'+colname.toUpperCase()+'_CONTAINER .t-Form-'+type+'Container');
  return div;
}

function position_after ( itemName1, itemName2 )
{
  input1 = remove_col_x_class( get_container_div(itemName1,'input') );
  label2 = remove_col_x_class( get_container_div(itemName2,'label') );
  input2 = remove_col_x_class( get_container_div(itemName2,'input') );
  $(label2).insertAfter( $(input1) );
  $(input2).insertAfter( $(label2) );
}






/////



position_after('P5_BD_QTY','P5_BD_UOM');
position_after('P5_BD_SIZE_QTY','P5_BD_SIZE_UOM');
position_after('P5_PKS_100ML','P5_PKS_100ML_UOM');
position_after('P5_NO_PKS_100ML','P5_NO_PKS_100ML_UOM');
position_after('P5_CON_SIZE','P5_CON_UOM');


position_after('P5_VALID_FRM','P5_REV_NO');



/////


#P5_BD_UOM_LABEL,#P5_BD_SIZE_UOM_LABEL,#P5_PKS_100ML_UOM_LABEL,#P5_NO_PKS_100ML_UOM_LABEL,#P5_CON_UOM_LABEL,#P5_REV_NO_LABEL {
   margin-left: 10px;
   margin-right: 10px;
}

how to click menu bar then expand & collapse in oracle apex

$("#t_TreeNav").on("treeviewactivatenode", function(e, ui) {
var n$ = $(e.originalEvent.target).closest(".a-TreeView-content");
if (ui.nodes.length > 0 && ui.nodes[0].link === "") {
if (n$.parent().hasClass("is-expandable")) {
$(this).treeView("expand", n$)
} else if (n$.parent().hasClass("is-collapsible")) {
$(this).treeView("collapse", n$)
}
}
});

How to configure in Bangla Fonts in Oracle Reports & Apex write bangla fonts and english fonts

1. Database language must be AL32UTF8

2. regedit
   Computer\HKEY_LOCAL_MACHINE\SOFTWARE\Oracle\
      All Language change -- NLS_LANG
                             AMERICAN_AMERICA.WE8MSWIN1252
                         to
                             AMERICAN_AMERICA.AL32UTF8

3. Oracle Databse and OracleHome & Oracle Middleware fonts SolaimanLipi.ttf Paste -- in fonts folder
4. registry

default.fontMap.defaultFontname=Dialog

To change

default.fontMap.defaultFontname=Courier New,Courier,courier,System,Terminal,Fixed,Fixedsys,Times,Times New Roman,MS Sans Serif,Arial,Vrinda,SolaimanLipi
default.fontMap.javaFontnames=MonoSpaced,MonoSpaced,MonoSpaced,Dialog,MonoSpaced,Dialog,Dialog,Serif,Serif,Dialog,SansSerif,SolaimanLipi

4. Restart




//
bijoy52
Avro

Both are used in oracle apex  (unicode) for Bangla  and for English Set English