Menu

Adding a custom css/skin file to a Oracle MAF application

MAF, OracleMobile By Feb 29, 2016 4 Comments
When we want to apply our own css to a Oracle MAF application, we need to configure a custom css file to it. Below is the procedure to know how to add a custom css/skin file to a MAF application.
  • Right click on ApplicationController project -> select CSS File -> enter css file name. Below is the default path of the file to be created. Here my css file name is myskin.css

/ApplicationController/public_html/resources/css/mycss.css

  • Open maf-config.xml which is under Application Resources and check the skin family and version

 

         Ex:
             <skin-family>mobileAlta</skin-family>

             <skin-version>v1.4</skin-version>

  • open maf-skins.xml which is under the project “ApplicationController” and create an xml entry like below
        <?xml
version=”1.0″ encoding=”UTF-8″ ?>
         <adfmf-skins xmlns=”http://xmlns.oracle.com/adf/mf/skin“>
         <skin-addition
id=”s1″>

<skin-id>mobileAlta-v1.4</skin-id>

<style-sheet-name>resources/css/myskin.css</style-sheet-name>
         </skin-addition>
         </adfmf-skins>
Where <skin-id> is the combination of skin-family and skin-version of maf-config.xml file seperated by “-” and enter the css file path for <style-sheet-name>.

4 Comments

  1. Maxim says:

    it didn't work till now. Please guide me.

  2. Maxim says:

    How to change the button background-color once click? amx:selectOneButton -> selectItem.

  3. logicaldot says:

    Thanks for taking the time to discuss that, I feel strongly about this and so really like getting to know more on this kind of field. Do you mind updating your blog post with additional insight? It should be really useful for all of us.. dav sreshtha vihar

  4. I honestly appreciate the blog you have posted. Really looking forward to this kind of words.

Leave a comment

Hi, Welcome here.
JOIN OUR NEWSLETTER
And get notified everytime we publish a new blog post.