Wednesday 22 February 2012

Customizing Dashboard Prompts



By default, a dashboard prompt’s width gets auto adjusted with the drop down value in it. In the sample dashboard prompt screen shared below you can observe that the prompt width differs for Year, Quarter, Region and Manager Name
Existing Prompt View
The auto width adjustment property is controlled from a CSS file 'view.css'
  1. Locate the file view.css in the active style at the path <res>\s_oracle10\b_mozilla_4,  both in the applications res container and application server’s res container
  2. Replace the class property SELECT with the following styles definitions
           SELECT {
                            font-family: arial, helvetica, sans-serif;
                            font-size: 8pt;
                            border: solid 1px #000000; /* border color */
                            border-width: 1px 1px 1px 1px; /* border width */
                            width: 110px; /* Prompt width */
                            float: left;
                            }
3.       3.  Restart the services for the changes to be reflected
Customized Prompt View with fixed width and border

1 comment:

  1. This is helpful but my requirement would be to change only one of those drop-downs. It appears that the element id's are generated dynamically, so I'm not sure how to acheive this. Any ideas?

    ReplyDelete

Thanks to Comment
--Add--