Search This Blog

Sunday, May 31, 2020

Overlap Region And Chat box Button


Overlap Region

1. Create a region and then region properties>> Appearance>> CSS Class>>  a-DevToolbar a-DevToolbar a-DevToolbar--right

Chat Box Button
1. Create a button and fixed a ID in static ID Then Copy pest the below CSS into Style

<style>
#id{
  z-index:100;
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color: rgba(55, 76, 139, 0.81);
  color:#FFF;
  border-radius:50px;
  text-align:center;
  box-shadow: 2px 2px 3px #999;
}
.my-id{
  margin-top:22px;
}
</style>

Footer Fixed On Bottom Of The Screen CSS Oracle Apex

1. Create a Region with position footer in 0 (global) page. And static id will  'footer'

2. Copy Pest the CSS in Source

<style>
  .footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: red;
   color: white;
   text-align: center;
}

3. Copy Pest the HTML in Footer Text

<div class="footer" style="border-style: outset;background-color:#efefef;color:#f5831e" >
© Developed and Maintained by ...............
<img src="Image Src" alt=".........." width="48" height="15"> </div>

Saturday, May 30, 2020

Dynamic Text Logo In Oracle Apex

Dynamic Text Logo In Oracle Apex

1. Create a Application Item. Like  AI_HEADER

2. Create a Application Process Like Below

begin
if to_number(:app_page_id)=1 then
:AI_HEADER:='Home Page';
else
:AI_HEADER:='Other Page';
end if;
end ;

3. Set  AI_HEADER into Shared Component >> User Interface >> Logo >> Custom
&AI_HEADER.

Done

Wednesday, May 27, 2020

Screenshot From Oracle Apex By JavaScript

Step 1 . Download the file from Here

Step 2. Upload the file into Static Application Files

Step 3. Copy-Pest the source into Page>> JavaScript>>File UTLs

Step 4. Copy-Pest the JavaScript Into Page>> Function and Global Variable Declaration

function screenshot(){
html2canvas(document.body).then(function(canvas) {
var a = document.createElement('a');
a.href = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
a.download = 'image.jpg';
a.click();
}); }  

Step 5. Create a button and call dynamic action with click event and JavaScript Action and

call the function :   screenshot();

Restrict File Upload by File Type in Oracle Apex

If you want to restrict file upload by file type/extension/format you can follow the below steps.  Goto File Browser Item --> Advanced --...