Hi experts;
I want to custom the title of modal dialog page, adding this HTML code:
<div class="col-xs-6 text-left" style="padding:0px;position: absolute;">
<span class="tips2" data-toggle="tooltip" data-placement="bottom" title="" style="white-space:normal" data-original-title="">
<span class="opacity60" style="background-color:#eeeeee;padding:2px 4px 0px 5px;margin:0px;display:inline-block;border-radius:3px">
<div class="glyphicon glyphicon-flag" aria-hidden="true" style="color:#318f00;font-size:16px;vertical-align:top;display:inline-block;padding-top:4px"> </div>
<div class="small2 text-center" style="color:#318f00;line-height:14px;display:inline-block;padding:0px 2px 0px 5px;min-width:80px">Welcome To: <br>
<b class="text-nowrap">Soukaina IDRISSI</b> </div> </span> </span> </div>
just after class="ui-dialog-titlebar", using Javascript in Execute when Page Loads
To get something like this result, in the top right:
I tried 3 differents methods before, to add html code by Javascript, but none of them works.
You can see demo on apex.oracle.com with this credentials:
Workspace: ws_formation
Username: asoukaina
Password: s@boulah123
I used the Application 16493 - Custom Modal Page
Thank you for help.
NB: Im using APEX18.2