Skip to Main Content

How to make responsive UI in ADF

M Yaa SerMar 28 2019 — edited Apr 24 2019

Hello Everyone.

I am very new in designing in ADF, using 12.2.1.

I have created a application based on three phase.

1) Login.jsf, 2) Home.jsf + Query.jsff , 3) Create.jsff + Update.jsff

Now I want to use this application in every platform.

how to make all application as responsive. please guide.

Already used AFMasonryTileSize2x2 from Ashisawasti Post and its quite helped me.

Now i want to use meta tags like in below link. bootstrap,

<meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

source ( https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_input_height&stacked=h  )

Thanks in advance.

Comments
Post Details
Added on Mar 28 2019
6 comments
1,206 views