Create mobile Theme in APEX 4.0

I'm using APEX 4.0 (4.0.2.00.06) and I have to create a Mobile application. I know there are mobile theme's available in APEX 4.1, but we won't switch to APEX 4.1 jet...
So, I've created a Page Template, List Template and Report Templete, using this tutorial: http://www.oracle-and-apex.com/create-a-mobile-theme-for-oracle-apex/
I've created this at first in the Builder Blue theme, but now I want to create a Theme which only suits for mobile devices.
I created a theme from scrach and created the templates mentioned above in this theme. I've copied the button and label templates and the From Region Template from the Builder Blue theme. But in a Form Page the buttons are not visible.
Can someone point out to me how to make button and label templates for a mobile device, and make it work properly?

I found out it's an issue in IE (7). I've tested it on a mobile device and it works fine and in Chrome it also works fine...

Similar Messages

Need help aligning form elements in APEX 4.2 mobile theme

Hi,
In the APEX 4.2 mobile theme, whenever I create a form, it will lose alignment when I have mixed text inputs and textarea inputs as my iPhone 4s is turned horizontally. The label of the textarea inputs jammed and the field doesn't align with other text inputs.
Is there any solution for that?
Thanks.

I found that the following tag had caused the issue. Is there any way to remove this tag?
Thanks.
<pre>
<fieldset id="P3_CONTACT_MSG_fieldset" class="textarea" tabindex="-1"></fieldset>
</pre>

APEX 2.1 - creating own theme

Hi there,
Don't kill me, but I searched a lot and did not find a post really helping me out of this:
18 Months ago I developed my own theme usinge infos from several posts in this forum... But as time went by, my knowledge has gone, and now I could not find the right answers...
As I remember:
- I copied the theme I base my new one on to a new dir...
/i/themes/theme_9 to /i/themes/theme_109
- I edited the theme.css and theme_V2.css and changed all .t9 to .t109
- I copied the theme inside APEX:
Shared Components -> Themes -> Copy Theme
- and now???
Any help would be great!
Thanks
Cheers
Johann

Okay... I found it here:
http://wiki.shellprompt.net/bin/view/Apex/ThemeTips
Regards
Johann

Mobile themes and templates

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
cmovva

Chandra,
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

Login issues with Mobile Theme 50

Hi All,
I have an APEX 4.2 application (Mobile Theme 50) which is running on Oracle 10g and is being accessed via iPads. Whenever you exit out of the application by clicking on the iPad button and go into any other App, Mail, Calendar etc, you are forced back to the login page, rather than allowing the user to continue from where they were . We have other APEX applications using a desktop theme that will happily let you check your mail and when you swap back to Safari your session is still there and you can continue on from the page you were on when you left.
Authentication is a requirement, but I was hoping that once they login and the session hasn't timed out, that they would be free to move about the iPad without having to login again.
Are there any setting or changes that can be made to change this behaviour?
Cheers
Mike

Hello,
Hi Mahmoud, sorry I haven't had time to build a sample app, I might be able to knock up a sample this evening.
This appears to be an iPad specif problem. Tested it on a Samsung and it is fine. There is also one other subtle difference on the iPad itself, that is when you save the URL as a bookmark it always opens within Safari so you can open other apps, then go back into the apex app within Safari and your session is happily running. If you save the URL to the Home screen it opens in a full screen mode (with no minimise options) and you cannot jump out of it unless you are ready to login again.
After a bit more Googling I found that in the default Page Template for Theme 50 it has the following Meta Tag in the Header.
<meta name="apple-mobile-web-app-capable" content="yes" />
From what I can gather this will default the application to run in full screen mode.
I made a copy of the page template and removed this tag and it now always runs within Safari. (After removing the link from the iPad home screen and creating a new one....Some odd cache problems seem to happen)
It would be good to have the full screen mode running as it looks neater and obviouly gives you a bit more screen real estate, but removing the meta tags appears to solve the constant login issues....Our users can decide which they prefer.
Cheers
Mike

Bug?: Creating Workspace Theme requires a Breadcrumb Template

I just created a mobile theme and wanted to make it a workspace theme. This doesn't work because of this exception:
ORA-20000: ORA-20000: No breadcrumb templates found in theme. At least one breadcrumb template is required. m-18For mobile themes a breadcrumb theme isn't really necessary, i think.
After adding a dummy breadcrumb template a calendar template is required, which is also might be unecessary for mobile applications.
ORA-20000: ORA-20000: No calendar templates found in theme. At least one calendar template is required. m-20When thinking this through, i think no template should really be required except for page+region+label+button.
brgds,
Peter
Blog: http://www.oracle-and-apex.com
ApexLib: http://apexlib.oracleapex.info
BuilderPlugin: http://builderplugin.oracleapex.info
Work: http://www.click-click.at and http://www.wirsindapex.at

Hello,
If possible your going to want to load all your static files into the files system so that you use #IMAGE_PREFIX# there is a performance hit if you upload all your images into the database and it's harder for browsers to cache.
A theme id only needs to be unique with the application it's in but as a common practice you should set it to something over 100.
When building a brand new theme I usually start with theme 4 as it has almost no images and is almost entirely css based. So it's basically a blank slate.
Finally when creating a new theme i take these steps. Lets say your going to set your id to theme 100.
1. Copy the theme_4 images directory to theme_100
2. Open the css file and do a search and replace changing t4 to t100.
3. Change your theme id to 100
4. Do a theme export
5. open your theme export in a text editor and do a search and replace changing these strings
id="t4 >> id="t100
class="t4 >> class="t100
themes/theme_4 >> themes/theme_100
then import your themes export and apply to an application.
You end up with the same theme but it has been set to run out of entirely different directory with new classes.
And finally I like to use this theme testing application http://htmldb.oracle.com/pls/otn/f?p=40722:1 it's the sample application but has one more tab that links to pages that have one of every template class, It allows you to quickly overview your generically your templates before they are applied to any one application.
Theres a link to download that application on the login page
Carl
Message was edited by:
Carl Backstrom

How to edit #TEMPLATE_CSS# of a theme in APEX 4.2?

Dear Experts,
How to edit #TEMPLATE_CSS# of a theme in APEX 4.2?
Best Regards
Mahmoud

Mahmoud_Rabie wrote:
Dear Paul,
To be more specific, I have the following
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_22/css/theme_4_0.css" type="text/css" />in my page template.
As I know, #TEMPLATE_CSS# is substituted by content of the above file.No, it is not.
As described above, <tt>#TEMPLATE_CSS#</tt> is replaced by the contents of the template's File URLs and Inline CSS properties. This feature enables template-level customization of the CSS included in the page. Try it: change <tt>#TEMPLATE_CSS#</tt> in the template to:

#TEMPLATE_CSS#
Now add a style to the Inline CSS property:
body { background: black !important; }Run the page. View the page source in the browser and see what's happened to <tt>#TEMPLATE_CSS#</tt>...
The question is, can I (through APEX 4.2) update this content directly to do tasks like adding or updating classes of the CSS?
Not in the way you mean.
File URLs and Inline are empty (by default) and ready to be used to totally replace the content of #TEMPLATE_CSS#Yes, <tt>#TEMPLATE_CSS#</tt> is replaced by the contents of the File URLs and Inline template properties. This does not affect the inclusion of any other CSS information, whether using new CSS substitution strings, <tt><link rel="stylesheet" ...></tt> elements, or embedded <tt><style></tt> declarations.
Is the only solution to update/edit the CSS of a theme, to download the CSS then paste it in Inline field (under CSS section of the template)?No. If you want a custom theme the best way is:
1. Copy the theme CSS to an accessible location in the file system (the best way) or APEX repository (if you don't have file system access).
2. Create a new theme as a copy in APEX.
3. Change the <tt><link rel="stylesheet" ...></tt> theme references in the new theme page templates to point to the new CSS location.
4. Customize the CSS (tools like Coda that allow local and remote files to be modified are very helpful).

New jquery mobile theme not rendering properly

So I'm finalizing some things on a mobile website that is looking great! m.whitewatertours.com...but we wanted to make a few changes to the theming and used ThemeRoller from jQuery to do so. But after downloading my new theme and applying it to a test page our fabulous looking site now looks like something a 5 yr old created!
I replaced the original <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> code in the Head tag with the new ones mentioned below their respective pages...(generated with the "add new css" button from DW6)
Here's the orginal page looking great: http://m.whitewatertours.com/rafting-hot-deals.html
than the test page with ThemeRoller Theme: http://m.whitewatertours.com/rafting-hot-deals-css-test.html
new code = <link href="jquery-mobile/twt-mobile-theme.css" rel="stylesheet" type="text/css">
Than I tested with a theme created from Fireworks CS6, still looking terrible...
test page with FWCS6 theme: http://m.whitewatertours.com/rafting-hot-deals-css-test-fw.html
I feel like I must've have done something wrong ... but have triple checked everything I can think of!
Jenny

Thanks Sudarshan!
So that did solve part of the problem at first, but was overriding my custom css.
Found there was an extra </script> in the head tag that was screwing up things...
So the css. from Fireworks works!
The css from jQuery ThemeRoller did take a little extra tweaking, did get 2 codes from them one from the file download "index":
the first code worked with the .min extension so thats what im using
<link rel="stylesheet" href="themes/twt-mobile-theme.min.css" />
and another from the download screen:
<link rel="stylesheet" href="css/themes/my-custom-theme.css" />
the first code worked with the .min extension so thats what im using
I also ended up creating the "themes" folder within my jquery-mobile folder with all their stuff in there.
Thanks for the help again and getting me pointed in the right direction!!
Jenny

I am trying to create mobile pages using the steps file new new document page from sample mobile starters jquery mobile (cdn). When "page from sample" is selected, the subsequent options are not available. This seems like a silly question, but how do I

I am trying to create mobile pages using the steps file>new>new document>page from sample>mobile starters>jquery mobile (cdn). When "page from sample" is selected, the subsequent options are not available. This seems like a silly question, but how do I acquire these options?

You can get the latest jQuery Mobile Themes directly from jQuery Mobile's web site.
https://demos.jquerymobile.com/1.1.0/docs/api/themes.html
Or roll your own with ThemeRoller
http://themeroller.jquerymobile.com/
Nancy O.

Trying to create custom theme but not able to find it.

Hi,
I am using Oracle 10g Database Express and APEX 4.0 and am trying to create a custom theme based on an existing one.
I have created a theme_100 folder in the filesystem as a copy of theme_8 and have edited the css file & changed the colours of the images using Infraview graphics editor.
I then have uploaded them into the DB using the WebDav function and can see the files when I run http://localhost:8080/i/themes/theme_100/
However, within the application builder when I create an application and choose a theme, mine is not showing.
Can you help me with whatever steps I am missing?
Regards
Adrian

The templates used by your new theme in apex(that you created when you copied) would still be referencing your old css path.
So update check the templates used in your new theme for the referred css files
<li>In Your new theme's page templates check for the directory path that point to the old theme and modify that
For example(I am using theme2 here)
<link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_2/css/theme_4_0.css" type="text/css" />


Change the string in the CSS file path from theme_2 to theme_10 , assuming that it is in the same directory as the other themes. Else modify it appropriately.
Do this for all page templates(or atleast the ones you use).

10.5.3: Can't Create Mobile Account

I have a MacBook Pro that authenticates to Active Directory.
When I try to create a Mobile Account
[ System Preferences --> Accounts --> Mobile Accounts:Create ]
I get prompted to
"*Enter your password to create a mobile account*"
However, it does not accept the password, responding with
"*Incorrect password*"
After three attempts, I get
"*Mobile account creation canceled*"
and then logged off.
I've tried both my Active Directory account password, and the local administrator password. Neither work.
At least I can get that far; in 10.5.2, the Mobile Account:Create button was greyed out.
Is anyone else having the same problem? Is there a fix for this?
I'm going to be out of the office next week for a conference, and would really like to get this working before then.
UPDATE: When trying to enable FileVault for my A.D. account, I get the following message:
*You cannot turn on FileVault for this account.*
*This account is either a network account or the home folder is on a server. You cannot turn on FileVault for these types of accounts.*
This makes this problem more than a minor annoyance, as my company policy -- and plain common sense -- requires encryption enabled for laptops.
Message was edited by: Robert Racansky

Hi Robert
On the Active Directory Server SMB Digital Signing Requirements (there are two: Server and Client) need to be disabled. It's not enough to leave them undefined. Once that has been done make sure client clocks are within 5 minutes of the server's time clock. In the Network Preferences Pane make sure the mac is using the AD DC for resolving internal DNS Services and the Search Domain field is filled in with the appropriate AD Domain Name. It's also advisable to fill in the WINS Tab with the relevant information for the AD..
Launch Directory Utility and select the Services Icon (click Show Advanced Options to see this). Select the Active Directory plug-in and click the disclosure triangle to show Advanced Options. Leave everything as the default and select 'Create Mobile Account at Login'. Fill in the Active Directory Domain field with the relevant information. For example if the AD's FQDN is adserver.addomain.com then the information should be addomain.com. Now click Bind. In the resulting window key in authentication details for an account that has authority for the AD Domain. Typically this would be the AD admin account name and password. What follows next will be a 5 step process. Depending on how well the AD has been configured this should take anything from 5-10 seconds and possibly 1-2 minutes. If it takes a short time this will be a good sign as to the 'health' of internal DNS Services as well as the AD configuration. The longer it takes the more the likelihood of problems.
By the way there is no magic fix for integrating/binding mac clients to an AD Server. Over 90% of how well this goes will rest with how well the AD is configured.
If the bind has been successful you should see a Kerberos TGT (ticket granting ticket) has been created in /Library/Preferences. It will be a file called edu.mit.Kerberos. You can inspect this and it should show the relevant details regarding the KDC (Kerberos Distribution Center). If you now log out you should see the Log in window display the local admin user as well 'Other'. It should look like a shadowed head and shoulders in front of a star field. Select this and supply your AD name and password. Provided the AD admin has defined a UNC path in the Profiles tab for your account on the AD Server for home folder creation and that you have full read/write privileges for that folder then you should be logging into your locally created home folder that also gets created at the same time on the AD.
Its best if you sync when logging out as there have been problems syncing at other times. Mileage may vary.
Hope this helps, Tony

JQuery Mobile Theme - works Dreamweaver but not online

I created a new JQuery Mobile Theme in Fireworks CS6: Commands - JQuery Mobile Theme - Create New Theme. Then exported the theme to a folder where I am designing a new mobile app (Commands - JQuery Mobile Theme - Export Theme).
I opened index.html in Dreamweaver CS6 and changed <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> to the new *.css file. I used Find / Replace to change all instances of data-theme="e" to data-theme="y". I saved index.html and clicked on Live View where it looked perfect. I used FileZilla to move all of the files to the server hosting my website. But when I view it either in Firefox or on my Samsung phone, index.html doesn't include any of the CSS formatting. (It had worked online with the CSS formatting when I had just manually edited the color codes in a few places in jquery-mobile/jquery.mobile.theme-1.0.min.css)
If I view index.html as a file on my computer in Firefox, the css works perfectly. But when I upload the contents of the folder to the server hosting my website, it doesn't.
I'd appreciate any input on what I'm doing wrong.
Thanks

Fixed it myself. I realized that I needed to leave <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> in index.html and to add a new line <link href="jquery-mobile/y_theme.css" rel="stylesheet" type="text/css"/>

IPhone / iPad login issues with Mobile Theme

I'm wondering if this is a bug or just a part of design of the mobile theme. I'm developing a mobile site using the new mobile theme in 4.2.1. I open it up on Safari on either an iPhone or iPad and then want to add it to the home screen. No issues there.
I'm able to sign in fine with the shortcut on the home screen, but if I switch to another app or go back to the home screen and return to the APEX app, I always have to log in again. Pretty inconvenient to keep having to do this. Anyone aware of a work around or fix?
Here's a sample app where it can be seen:
http://apex.oracle.com/pls/apex/f?p=14837:1:115417454230874:::::
guest / test123

Hi,
When you made a shortcut on our device, then it technically stores the url. then the session value is also captured. so when you return from another app to the home screen and click the icon on url device it resets the session everytime you go through that url as it no more esists or active. So its asking you to log back in

Why can't you simply print a photo in iPhoto? It wants me to create a "theme" first? What's that all about?

When I try to print in iPhoto it won't let me print without creating a "theme" first. Is there any way you can just print? I don't want a theme, I just want to print!

"themes" are simply print protocols. Yes you can have some layout, but plain is also theme. At a wild guess you're getting a "no theme installed message"?
To re-install iPhoto
1. Put the iPhoto.app in the trash (Drag it from your Applications Folder to the trash)
2a: On 10.5: Go to HD/Library/Receipts and remove any pkg file there with iPhoto in the name.
2b: On 10.6: Those receipts may be found as follows: In the Finder use the Go menu and select Go To Folder. In the resulting window type
/var/db/receipts/
2c: on 10.7 they're at
/private/var/db/receipts
A Finder Window will open at that location and you can remove the iPhoto pkg files.
3. Re-install.
If you purchased an iLife Disk, then iPhoto is on it.
If iPhoto was installed on your Mac when you go it then it’s on the System Restore disks that came with your Mac. Insert the first one and opt to ‘Install Bundled Applications Only.
If you purchased it on the App Store or have a Recent Mac you can find it in your Purchases List.

Using a view to create a theme?

Can a view be used to create a theme?
For example, I have several views which are subset of another table which contains my imagery (using GeoRaster). I would like to create a theme for each of these views. I know that a GeoRaster theme has the option for a query condition, but I would prefer using views.
Thanks

Yes. Register the view name and spatial column in the metadata (no need to create a new spatial index).

Create mobile Theme in APEX 4.0

Similar Messages

Maybe you are looking for