Skip to main content

Using App Icons In Oracle Apex (Part1)

 Recently with the introduction of Apex 4.2 and later Apex 4.2.1 the default published  packaged applications comes with a sleek logo just at the left-hand corner of the the login screen.
Fig 1

Fig 2

Fig 3
If u want to use these cool  sprites that come with the later releases as said in the the former.
From the above diagram, looking into the css  inside the
 i / or anywhere that your images are stored navigate to the cloud/app_theme/css/4_1.css
You would find the img.appIcon.  class  which houses all the sprite launchpad logos in the Fig 1

Inside the css, locate
------App Icons Image--
img.appIcon.project_tracking{background-position:-256px 0}img.appIcon.solar{background-position:-320px 0}img.appIcon.website{background-position:-384px 0}img.appIcon.apex_service{background-position:-448px 0}img.appIcon.solar_red{background-position:-512px 0}img.appIcon.sales{background-position:-576px 0}img.appIcon.data_modeler{background-position:0 -64px}img.appIcon.group_calendar{background-position:-64px -64px}img.appIcon.ask_tom{background-position:-128px -64px}img.appIcon.learning_library2{background-position:-192px -64px}img.appIcon.document_library{background-position:-256px -64px}img.appIcon.learning_library{background-position:-320px -64px}img.appIcon.comp_tracker{background-position:-384px -64px}img.appIcon.artwork_catalog{background-position:-448px -64px}img.appIcon.customer_tracker{background-position:-512px -64px}img.appIcon.knowledge_testing{background-position:-576px -64px}img.appIcon.software_release_tracking{background-position:0 -128px}img.appIcon.approvals_tracking{background-position:-64px -128px}img.appIcon.community_requests{background-position:-128px -128px}img.appIcon.feedback{background-position:-192px -128px}img.appIcon.event_registration{background-position:-256px -128px}img.appIcon.systems_catalog{background-position:-320px -128px}img.appIcon.discussion_forum{background-position:-384px -128px}img.appIcon.expertise_tracker{background-position:-448px -128px}img.appIcon.asset_manager{background-position:-512px -128px}img.appIcon.survey_builder{background-position:-576px -128px}img.appIcon.help_builder{background-position:0 -192px}img.appIcon.oratweet{background-position:-64px -192px}img.appIcon.websheets{background-position:-128px -192px}img.appIcon.sample_charts{background-position:-192px -192px}img.appIcon.sample_data_loading{background-position:-256px -192px}img.appIcon.sample_dyn_act{background-position:-320px -192px}img.appIcon.sample_master_detail{background-position:-384px -192px}img.appIcon.sample_tabular_form{background-position:-448px -192px}img.appIcon.sample_search{background-position:-512px -192px}img.appIcon.sample_reporting{background-position:-576px -192px}img.appIcon.sample_mobile{background-position:0 -256px}img.appIcon.sample_calendar{background-position:-64px -256px}img.appIcon.app_archiver{background-position:-128px -256px}img.appIcon.feedback_viewer{background-position:-192px -256px}img.appIcon.issue_tracker{background-position:-256px -256px}img.appIcon.product_features{background-position:-320px -256px}img.appIcon.meeting_minutes{background-position:-384px -256px}img.appIcon.decision_manager{background-position:-448px -256px}img.appIcon.sample_wizard{background-position:-512px -256px}img.appIcon.sample_files{background-position:-576px -256px}img.appIcon.sample_lists{background-position:0 -320px}img.appIcon.sample_timezone{background-position:-64px -320px}img.appIcon.sample_tree{background-position:-128px -320px}img.appIcon.sample_collections{background-position:-192px -320px}img.appIcon.sample_dialog{background-position:-256px -320px}img.appIcon.use_case_status{background-position:-320px -320px}img.appIcon.incident_tracking{background-position:-512px -320px}img.appIcon.service_notifications_public{background-position:-576px -320px}img.appIcon.service_notifications_admin{background-position:0 -384px}img.appIcon.sample_file{background-position:-64px -384px}img.appIcon.go_live_checklist{background-position:-128px 0}

Hope this  helps you.
Leave Comments if any. will attend to it asap.
Labels:

Comments

Post a Comment

Popular posts from this blog

Disabling of Password Expiration in Oracle Apex(Internal Workspace Admin)

This post was inspired by a  question  on the OTN APEX forum, which contains how to  reset set the password of the  Oracle Internal Workspace Admin    and  Set the account never to expire  The first bullet has so many blogs  talk about how to reset the password of the Internal Workspace. However, i am more intrigued with the second . To start of with It is not advisable to never expire accounts since its rudimental for user to always renew their accounts  prior to expiration. The default expiration of an account is mostly 180 days so hey whats the point going to do this again after 180 days?? . There are two methods that can be used to achieve this  Generic Never expiration of all User accounts (This should never be practiced in a production Environment All database users are assigned to something called a PROFILE . The profile controls two aspects of the users database access – the system resources available to the user and th
Post a Comment
Read more

Expose your Local Development Environment to the outside world with Ngrok

When we develop on localhost, we usually use some kind of simple HTTP server like node, our Oracle database,APIs, webhooks, Callback Urls or whatever. This is all good and we are all pretty happy about that. We have access to our app using our fancy  http://localhost  url. We are happy, but  alone . What if you would like to share your app to a colleague that is not on the same network as yours ? What if you need to check your app on an SSL connection? What if you wanted an external system to pass you a process invoked by a method ? ngrok to the rescue Ngrok   is a simple “free” service that can help you with that. Here’s some of the features that it provides: Expose your locally hosted app/website to the outside world by providing you a  http(s)://{something}.ngrok.io  url. Allows you to have an SSL connection to your localhost environment. Inspect/replay the requests made to your local environment Custom subdomain (required a premium account) Password protect your ex
1 comment
Read more

How does one add a day/hour/minute/second to a date value?

DATE is the datatype that we are all familiar  with when we think about representing date and time values. It has the ability to store the month, day, year, century, hours, minutes, and seconds. It is typically good for representing data for when something has happened or should happen in the future.  The problem with the DATE datatype is its' granularity  when trying to determine a time interval between two events when the events happen within a second of each other. This issue is solved with the TIMESTAMP datatype. In order to represent the date stored in a more readable format, the TO_CHAR function has traditionally been wrapped around the date: SQL> SELECT  TO_CHAR(hiredate,'DD.MM.YYYY:HH24:MI:SS')  "hiredate"   FROM employees; hiredate ------------------- 17.12.1980:00:00:00 20.02.1981:00:00:00 The SYSDATE pseudo-column shows the current system date and time. Adding 1 to SYSDATE will advance the date by 1 day. Use fractions to add hours, minut
5 comments
Read more