Search This Blog

Thursday, March 26, 2020

Mask Password Using CSS

Mask Password Using CSS

#ITEM_ID { -webkit-text-security: square;}    --square
#ITEM_ID { -webkit-text-security: circle;}    --circle
#ITEM_ID { -webkit-text-security: disc;}      --disc
at No comments:

Internet Check In Oracle Apex


Step 1.  Download the GIF file from here... DOWNLOAD GIF
Step 2.  Create a Region in Global Page and Copy Pest below Code.
<html>
<head>
<title>Page Title</title>
<link href="https://cdnjs.cloudflare.com/ajax/libs/offline-js/0.7.19/themes/offline-theme-slide.min.css" rel="stylesheet" type="text/css"></link>
<link href="https://cdnjs.cloudflare.com/ajax/libs/offline-js/0.7.19/themes/offline-language-english.min.css" rel="stylesheet"></link>
</head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/offline-js/0.7.19/offline.min.js"></script>
<script>
Offline.options = {checks: {xhr: {url: 'PASTE YOUR UPLOADED IMAGE URL'}}};
</script>
<body>
</body>
</html>

Step 3. Upload the GIF file into Static Application Files   
Step 4. Copy the reference URL of the gif file into above code.
Step 5. TO TEST YOU HAVE TO DISCONNECT YOU INTERNET CONNECTION.

Thank You

Collected From : Satish Yadav
at No comments:

Thursday, March 19, 2020

Character Restrict From a Item and Only Numeric Will Allowed 

1. Copy The Below Code to Page Function and Global Variable Declaration. 
function validateNumber(event) {
  var keyCode = event.keyCode;
  var excludedKeys = [8, 37, 39, 46];

  if (!((keyCode >= 48 && keyCode <= 57) ||
      (keyCode >= 96 && keyCode <= 105) ||
      (excludedKeys.includes(keyCode)))) {
    console.log("alphabets are not allowed");
    event.preventDefault();

  }

  console.log("keycode: " + keyCode);
}
2.  And Copy the below function Calling on Item Custom Attribute.
onkeydown="return validateNumber(event)";
at No comments:
Subscribe to: Posts (Atom)

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 --...