Wednesday 2 March 2016

Custom Splash Screen in ADF

At the time of page load we will see loading splash screen, It comes though ADF default with loading animation image like below,


If you want to customize we need to override default splash screen skinning selectors like below,


/*---------Loading Screen Skinning Start---------------------*/
af|document::splash-screen-content{
background-color:white;
}
af|document::splash-screen{
background-color:white;
}
af|document::splash-screen-content{
border:white;
background-color:white;
}
af|document::splash-screen-message{
display: none;
}
af|document::splash-screen-cell{
background-color:white;
}
af|document::splash-screen-icon{
content:url("/images/PageLoading.gif");
}
/*---------Loading Screen Skinning Ended---------------------*/

After that page looks like below,


Reach me if you have any concerns.


9 comments:

  1. how we can use this splash scrreen in our adf application???can u tell me in detail

    ReplyDelete
    Replies
    1. Hi, This is the default one at the time of page load it will appear.

      Delete
  2. not appear to me when tried it

    ReplyDelete
    Replies
    1. Version:jdev12.2.1.2.0

      Delete
    2. It Should work based on splash skinning selectors we are just overriding our image,I tried in 11g.It's working fine.

      Delete
  3. Might be skinning selectors is different or your css might be problem.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. please share me code for Custom Splash Screen. above code how you integrated inside jspx page. please share me steps. i tried its not working.

      Delete
  4. This is my first time visit to your blog and I am very interested in the articles that you serve. Provide enough knowledge for me. Thank you for sharing useful and don't forget, keep sharing useful info: relojes personalizados regalos

    ReplyDelete