Apex 4 Theme and #JAVASCRIPT_CODE#
Hi,
I'm converting an application written in 3.2.1 to 4.0 and have tried a number Apex 4 themes.
None of them seem to have #JAVASCRIPT_CODE# referenced. This means that my custom javascript which I had included in a Page Header - and have now moved to the new 'Javascript' area of the page - is not being called.
I can't seem to find in the forum how the Theme should be edited to include #JAVASCRIPT_CODE#.
Any help on where and how to edit an Apex 4 theme to do that would be appreciated.
Thanks,
Chris
Hi Chris,
if #JAVASCRIPT_CODE# is not included in the header or footer attribute of a page template, it will automatically be "included" after the #HEAD# placeholder in the header template. So it's not really necessary to include it into your page template.
Have you had a look at the generated HTML code of one of your pages where you have used the new "Javascript" attributes? Is it really not included in the HTML output?
Regards
Patrick
My Blog: http://www.inside-oracle-apex.com
APEX 4.0 Plug-Ins: http://apex.oracle.com/plugins
Similar Messages
-
Roll Your Own - APEX 4.0 and JQuery-UI Application
For those with a apex.oracle.com account and want to see jQeury tabs running via 4.0 in your own Workspace, use following this script to create your own version of Shijesh's (Apex_Noob) application.
Credit also goes out to Alistair Laing for his hard work in investigating why 4.0 is requiring the use of the googleapis jquery.js... libraries.
Application Builder - Create
Application Type - Database
Create Application - From Scratch
Name - jQuery Application
Add Page - keep default and Click Add Page
Click CreateMy application defaulted to Theme 2, you will need to switch the theme to one of the following: If you don't the tabs will not render properly.
8 Orange
10 Sand
13 Classic Blue
14 Simple Green
15 Light Blue
16 Dark Blue
18 Simple Gray
19 Red Gray
Message - Application created successfully.
Click Shared ComponentsUnder User Interface Click - ThemesIf you don't see one of the above Themes, you will need to Create and switch your Theme.
Click - CreateFrom the Repository selected Click - Next and select one of the above Themes
Click - Switch ThemeSelect one of the above Themes and Click - Next
Click -NextClick - Switch ThemeReturn to your newly created Application by Clicking on Application xxxxxxx Breadcrumb
Click - Create PageSelect - Blank PageClick - NextAssign the page a name
Click - NextAccept defaults and Click - NextClick - FinishClick - Edit PageI still work in Component View, to toggle to this View, click on the control adjacent to Page number and Go button. Hover over the ones on the far right and you will see both Component View and Tree View
From Component View
Click on the Page Edit Control
In the Text Area labeled Javascript/Execute when Page Loads - paste in the following code:
$x("tabs").appendChild( $x("tabs-1"));
$x("tabs").appendChild( $x("tabs-2"));
jQuery("#tabs").tabs();In the Text Area labeled HTML Header and Body Attribute/HTML Header - paste in the following code:
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/redmond/jquery-ui.css" type="text/css" />
<script src= "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.js"> </script>Click - Apply ChangesRequired use of the Google jqueryui libraries is being questioned by recent threads created by Alistair Laing since it appears that 4.0 does not currently support jQeury tabs
{thread:id=1083507}
{thread:id=1083540}
Create a Region
Type HTML Text - accept defaults
Provide a Title like "Tabs" and accept defaults
Template - Reports Region
Sequence 10
Click - NextIn the Enter HTML Text Region Source: Text Area - paste in the following code:
<div id="tabs">
<ul>
<li><a href="#tabs-1">Employees</a></li>
<li><a href="#tabs-2">Departments</a></li>
</ul>
</div>Click - Create RegionCreate a second Region
Type Report/Sql Report
Provide a Title like "Employees" and accept defaults
Template Reports Region
Sequence 20
Click - NextIn the Enter SQL Query or PL/SQL function returning a SQL Query: Text Area - paste in the following code:
SELECT empno,
ename,
job,
mgr,
hiredate,
sal,
comm,
deptno
FROM empClick - Create RegionEdit the newly created Report Region
Under Attributes/Static ID - paste in the following code:
tabs-1Click - Apply ChangesCreate a third Region
Type Report/Sql Report
Provide a Title like "Departments" and accept defaults
Template Reports Region
Sequence 30
Click - NextIn the Enter SQL Query or PL/SQL function returning a SQL Query: Text Area - paste in the following code:
SELECT deptno,
dname,
loc
FROM deptClick - Create RegionEdit the newly created Report Region
Under Attributes/Static ID - paste in the following code:
tabs-2Click - Apply ChangesRun you page and you should see you tabs.
JeffGreat post Jeff,
With regard to Jquery UI and tabs I've contacted the Apex dev team and received a reply from them.
All the jQueryUI files are included in the APEX 4.0 distribution, but not all jQueryUI components
are loaded by default to avoid a huge initial download. It's not necessary to load your own version of jQueryUI, just load the missing component.
For the "Tabs" you have to add
<link href="IMAGE_PREFIX#libraries/jquery-ui/1.8/themes/base/jquery.ui.tabs.css" rel="stylesheet" type="text/css" />
<script src="#IMAGE_PREFIX#libraries/jquery-ui/1.8/ui/minified/jquery.ui.tabs.min.js" type="text/javascript"></script>
to your page template or the header attribute of your page where you want to use it.They did not mention which other Jquery UI widgets were not included so people need to check to see if they get any JS errors Like "$('#tabs').tabs() is not a function" this would suggest that tabs is not being loaded. To included it in you page header directly after #HEAD# you need to place the css and js as stated above.
If you need jquery help just post you queries here or the is some other jquery links that maybe of some use
jQuery
http://jquery.com/ - Official jQuery Website
http://api.jquery.com/ - jQuery API Library
http://plugins.jquery.com/ - jQuery Plugins (Not APEX related)|
http://yayquery.com/ - yayQuery - jQuery Podcast
http://jqueryui.com/ - Official jQuery UI Website
http://jqueryui.com/demos/ - jQuery UI Demos
Edited by: Alistair Laing on Jun 9, 2010 4:04 PM
Add more links
Edited by: Alistair Laing on Jun 9, 2010 4:09 PM -
It seems apex 4.1 supports developement of mobile apps and hence includes themes and HTML templates suitable for smart phones and mobile devices.
I have not found any themes specific to mobile apps. I could be wrong. Can anyone please help me locating themes and templates.
Thanks in advance
cmovvaChandra,
Peter Reganitsch has blogged on this topic; it' a great introduction and provides a steps on how to build a demo mobile theme and app.
[url http://www.oracle-and-apex.com/create-a-mobile-theme-for-oracle-apex/]Create a mobile Theme for Oracle APEX
Jeff -
Oracle Apex Multilpe Theme for a single application
Hi All,
I have a query regarding display multiple theme for a single apex application. My object is to change the color scheme for an existing apex application and use both old and new color scheme in a single application. For example I'm planning to modify apex 3.1 theme 9 (Red theme) to green and wants to use red theme for some pages and green theme for some other pages in same application.
The following steps I have tried.
1. Copied /theme/theme_9 to my local
2. Changed color scheme of all the images.
3. Renamed my local folder name from theme_9 to theme_9_1
4. Moved my new folder to server path /theme/theme_9_1
Now I went to my application which have theme 9 and copied One Tab page template as One Tab Template 9.1. In my new page template I changed all the the /theme_9/ reference to /theme_9_1. In my application I applied this new page template to get green color scheme. But its appearing without any css scheme (even default style is not there).
So Please help me out to resolve my issue. and also suggest me if you have any other easy way to achieve my objective.
Thanks in advance.Hi,
You steps look okay to me, so not sure why you're CSS isn't working, I would need to see your actual templates to find out (perhaps you could put this up on apex.oracle.com). Just a few general pointers though, I would suggest using one of the newer themes, introduced in APEX 4.0 and APEX 4.1. Those themes are mostly DIV based, i.e. fewer HTML tables for formatting, and as a result, they are much smaller. They also use a DOCTYPE, prompting all modern browser to render your pages in standards more, ensuring better cross-browser compatibility. And most relevant for your task, they no longer use theme-specific class names, i.e. a class called "t9header", would now simply be "header". They also generally reference images directly from the CSS stylesheet, rather than inside your templates, making it much easier to modify your UI. So in essence, assuming you'd be using theme 21, all you'd have to do to switch from a red-look to (in this case) a blue-look, would be to reference the theme CSS file in /themes/theme_22, instead of /themes/theme_21, so in your templates, you would only need to change one path in your page templates.
Regards,
Marc -
Dear all,
I am asking rather lame question. Does anyone know of places where I can get extra theme and template for Apex? The default ones are too ugly. Thanks.
Regards,
Kueh.Kueh,
First of all that's a rather rude comment. I happen to love how much better these default templates look than other applications I've seen. Having said that you can try the following site:
http://www.apex-themes.com/
Regards,
Dan
http://danielmcghan.us
http://sourceforge.net/projects/tapigen -
Is there an online gallery of APEX (stock) themes?
I'd like to be able to point my users to an online gallery of APEX (stock) themes, so they can choose one without me needing to sit with them just to show what is available in Application Builder, but I could not find one.
Vikas (and maybe Carl?) used to have a set of Sample Applications configured with every theme on apex.oracle.com, but I haven't seen any mention of this for years. Probably completely out of date even if still available.
The theme preview images should be lurking around in the images folders somewhere. (Where is not obvious from the 4.2 theme page, and I don't have access to an installation I can dig around in at present.) Start by trying to find them and you should be able to create a simple app to display them. -
Hey all
I've discovered a rather annoying bug in APEX's drag and drop item layout.
I'm designing a form and putting mainly text fields down in a column.
Every now and then one of these text fields needs to have a text item (display only) beside it.
The problem is, say if I add 2 display only items beside 2 different text fields, it "forgets" about one of these items when I press the Next button.
It just comes up with the next screen - but it's missing one of the display only items!
Then, seemingly at random, the missing item will (after much editing of the item layout) just appear again at the top of the item list! (when it was positioned somewhere completely different before).
I've managed to reproduce this multiple times.
Makes creating and editing pages with items a very annoying chore!Oh, ok.
Well, it happened to me every time on 2 separate item regions.
I'll just go and try to do it again... See if it still 'works' :)
ok well it's still doing it...
I just added 2 display only items to my existing item list, and NONE of them were actually added.
Here was my display list:
Region: Collection Details
186 P2_COLL_DAYS Checkbox
193 P2_COLL_TIME Text Field
195 P2_ALLOW_MULTI_TRANS Checkbox
196 P2_ACC_COUPON_TYPES Text Field
198 P2_COUPON_OPTIONS Text Field
200 P2_MESSAGE_1 Text Field
201 P2_MESSAGE_2 Text Field
202 P2_MESSAGE_3 Text Field
203 P2_MESSAGE_4 Text Field
204 P2_MESSAGE_5 Text Field
205 P2_MESSAGE_6 Text Field
22 Itemsand I tried to add a display only item after both of these:
196 P2_ACC_COUPON_TYPES Text Field
198 P2_COUPON_OPTIONS Text Fieldname: "P2_ACC_COUPON_TYPES_TEXT"
text: "[e.g. 1,2,3]"
and
name: "P2_COUPON_OPTIONS_TEXT"
text: "[e.g. 5 or 5,10,15]"
And neither of them showed up on the next page (where you confirm and adjust the items).
I'm using Internet Explorer 7. -
Dears,
i use apex 4.2 , and i build mobile application , how can i change theme and use icon image ?
like this example
http://apex.oracle.com/pls/apex/f?p=13716:101
regards,
AhmedIt is not currently possible to have multiple cell editors within one column of a table. However this is a feature that SAP is developing for NetWeaver 7.02.
The workaround today would be to generated some extra "dummy" columns to hold the icon/images. -
My wife bought an iPad Air and synced contact from our PC (Outlook), now all our contacts in Outlook have gone and we have to go to iCloud to get them, and even then they are a bit jumbled. How do I get my data back onto my PC?
If you can see the iCloud contacts in Outlook, you can copy them back to your PC by selecting all the contacts (click one, then press Control-A), then drag and drop the selected contacts to Contacts under My Contacts on the left sidebar of Outlook.
If you want to copy your calendar back to Outlook, select your iCloud calendar on the left sidebar of Outlook, switch to the list view (select View from the ribbon, then click Change View>List), select your events (click on a single event, then press Control-A), then control drag and drop them to Calendar under My Calendars on the left sidebar.
Then you can sign out of iCloud on the iCloud control panel and your local copies will still be there. If you want to add your iCloud email account back to iCloud, you can do this with these settings: http://support.apple.com/kb/HT4864. -
Is it wise to keep the Nikon camera files "DSC's" after downloading them and converting to DNG files via Adobe converter for lightroom use. In other words do the DNG files have all the raw data I would ever need in processing or should I save the camera's DSC files?
DNG files do not contain some metadata supplied by the camera, which can be used by the manufacturer's software. Thus, if you don't keep the original Raw photo, you will lose this information.
If your 1000% sure you're never going to use the manufacturer's software, then this isn't a problem. But who can be sure what software you will be using 10 years from now? -
4 voice memos in iTunes backup from iPhone had ! marks and would not play so I deleted them and although they are still on the iPhone, they will not sync back to iTunes from iPhone.
You may have to try deleting all the music from your phone (by going to Settings>General>Usage>Music, swipping All Music and tapping Delete), then sync it all back on with iTunes in order to fix this.
-
I have the iPhone 5 and have with 6.0.1 software version. Although I had them when I moved from iPhone 4 to the 5 (could play them), the latest update has most of my songs on the phone listed in grey (over 95% of them) and I can't play them. They are still listed in the iTunes library. When I look in the Summary for the iPhone, it shows Audio as only .16 GB - I have over 5 GB of songs, so what gives?
P.S. When I look at my Playlists most of the songs are greyed out. However, at the bottom of the list there is a cloud icon with a downward facing arrow. When I click on it each song starts to "load" and after a few minutes I have the songs back on in the list. I have to do this to all my playlists (I had over 100) in order to get access to all my songs. Then I did a sync and it happened again!
I use iCloud for documents and some other things (calendar, contact, etc.) but am not aware that I have anything music-wise in the cloud. Any thougnts?You may have to try deleting all the music from your phone (by going to Settings>General>Usage>Music, swipping All Music and tapping Delete), then sync it all back on with iTunes in order to fix this.
-
Can you save your own theme and button set up so I can use the same format
Can you save your own theme and button set up, so I can use this same format for similar content. I want to keep the button content and the theme the same without having to create it everytime? I am trying to streamline the process for multiple dvd's with the same menu and buttons but different content. Does that make sense?
I am only new to this caper too, but I am pretty sure you can save a theme as a favourite by pressing the "save theme as favourite" button under file. If you have edited an existing theme but don't want to lose it, make sure you untick the replace existing button.
-
Firefox hangs when I visit a wordpress 3.1 page in a theme and update it
Hi,
I use wordpress 3.1. I use a theme and sometimes (unexpectedly) when I try to update the page firefox hangs. Sometimes I can force quit, sometimes not. Upon restart it signals another version is running, this is not the case. I cannot find the file in the library section of my mac to remove the profiles file, because it is not visible as such
All other browsers do not respond anymore. I have to restart my computer. On my Iphone I do have internet so this is not my network
I tried installing, deinstalling and even updating to the beta and going back to cureent version again...
Please HELP I am going nuts ;-)Hi Jumpman,
Thank you for your question. In order to clarify: the mobile bookmarks have their own folder by default. Check out the Bookmark Manager in Show all Bookmarks.
Also, there is a new version of sync. Make sure you are all set up with the new account with these instructions: [[How to update to the new Firefox Sync]] -
When I access my google e-mail account on the I-pad my inbox has at least 6 e-mails with no sender and no subject (absent via I-phone, Mac or PC) I cannot delete them as they cannot be selected- how do I stop them and clear the ones there now?
Try turning the account off and on : Settings > Mail, Contacts, Calendars , then tap the account on the right, slide Mail to 'off', exit settings and go back into the Mail app, and then go back to Settings and slide Mail back to 'on'
If that doesn't work then try closing the Mail app completely : from the home screen (i.e. not with the Mail app 'open' on-screen) double-click the home button to bring up the taskbar, then press and hold any of the apps on the taskbar for a couple of seconds or so until they start shaking, then press the '-' in the top left of the Mail app to close it, and touch any part of the screen above the taskbar so as to stop the shaking and close the taskbar.
Also do a reset : press and hold both the sleep and home buttons for about 10 to 15 seconds (ignore the red slider), after which the Apple logo should appear - you won't lose any content, it's the iPad equivalent of a reboot.
Maybe you are looking for
-
Install Oracle 10g with Toad 9.1
Hi All, I am a novice in database(SQL,PLSQL) programming and hence want to learn and practise very deeply in detail for which i want to install Oracle 10g client with Toad 9.1.So need your advise on the process. (a)Do i need to download entire Oracle
-
[resolved] Can not install mysql
Oooops, I fixed it. Somehow /tmp had wrong permissions.. Hello, after an upgrade my mysql dameon did not work anymore so I did what https://bbs.archlinux.org/viewtopic.php?pid=889846 says and removed all configs and removed it. Now pacman -S mysql gi
-
Problems converting Powerpoint/Excel to PDF, line thickness issue
Hi, I have been having problems with how lines in excel come out when printing using Adobe PDF or PDF Creator. In both cases the thickness of lines, while consistent in excel, comes out completely random in PDF. My PDFs go to clients and appearance
-
Where is the WiFi scanner in Yosemite?
Where has the WiFi scan option in Wireless diagnostics gone in Yosemite? The Wireless Diagnostics says my Wifi is OK but my airplay is doing a Norman Collier. What I would previously do on 10.9 is use WiFI Scan to check on the local Wireless networ
-
Redimensio​nner un tableau
Bonjour, Je dispose d'un tableau 2D de 64 lignes, ce tableau est un resulat d'une succession de calculs et je souhaite le redimmensionner afin d'obtenir une matrice 8x8. Comment faire? Merci d'avance , Fatzo, Résolu ! Accéder à la solution.