Freitag, 7. April 2017

How to Open a Modal Dialog by Clicking a Textfield in Tabular Form

When Using Tabular Form, you can open a Modal Dialog by clicking a Text field.

How can achieve that?

1-Define your column as Link and put your Modal Dialog Page in the Link

2- Add The Links Text like so 
<html>
 <head></head>
 <body>
  <input type="text" id="P11_PROD_ID" name="P11_PROD_ID" class="text_field apex-item-text" value="#BUNDESLAND#" />
 </body>
</html>

Don't forget to set the value=#BUNDESLAND#>

#BUNDESLAND# ist the Value for the Column, to show it in the Text Fied

3- Add Css to customize your Text field

@charset "UTF-8";
#P11_PROD_ID:focus {
  border-color:rgb(0,127,191) !important;
  box-shadow:#007fbf 0 0 2px !important;
}

#P11_PROD_ID,
#f02_0001 {
  font-size:1.4rem;
  padding:.7rem;
  height:3.2rem;
  background:rgb(255,255,255);
  border:1px solid rgb(204,204,204);
  border-radius:3px;
}





Keine Kommentare:

Kommentar veröffentlichen