Stylesheets for mobile XML

Hi,
I would like to apply a .css stylesheet on a .jsp containing mobileXML code.
Is that possible?
Thanks.

Is this a specific stylesheet that you created? If so, you can apply it to the wireless server in the Service Designer tool. You will be able to select what devices you want to use your stylesheet for. See the docs here: http://otn.oracle.com/docs/products/ias/doc_library/90200doc_otn/wireless.902/a90486/padevel.htm#1007470
Just so you know, the wireless server does come with many stylesheets out-of-the-box with support for most mobile devices: imode, WAP, iPaqs, mobile phones, voice, etc...
Regards,
Kalle
[email protected]

Similar Messages

Mobile XML transformation with MS or Java parser

Dear all,
I would like to set up an easy development environment for Mobile XML. For this reason, I would like to use a text editor (like emacs or notepad), and apply the Oracle 9iAS Wireless stylesheet (XSL file) to the Mobile XML with Internet Explorer parser.
This works fine for a such file :
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="TINY_HTML.xsl"?>
<SimpleResult>
     <SimpleContainer>
     </SimpleContainer>
</SimpleResult>
but does not work for the following one :
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="TINY_HTML.xsl"?>
<SimpleResult>
     <SimpleContainer>
          <SimpleMenu>
               <SimpleTitle>TP 9iAS Wireless</SimpleTitle>
          </SimpleMenu>
     </SimpleContainer>
</SimpleResult>
I have tried different XML/XSL parsers (MS, Java, XML Spy,...) but I got each time the same error message : "XSL parser stack overflow".
Does anyone know a solution for this problem ?
Thanks !
Fabrice.

I am not sure what the issue is, however within the next week or so, we will be offering an SDK on OTN with a small footprint (30MB) dev environment for Oracle9iAS Wireless. You will be able to use any IDE or text editor you wish.

Attaching stylesheet for handheld devices

I am new to making a stylesheet for mobile devices. I plan on hiding the header and sidebar on the main webpage and making the content section visible along with a footer division containing the needed links to navigate the site.
I am curious what rules I should use for photos. I want the width and the height to stay proportional. How do you do that and also limit how much of the screen they take up?
Also is there a good online tutorial for these issues?
thank you for your time.

Hi,
there's Mobile Infrastructure (SAP for Mobile forum you may get more answers...
Peter
Points always appreciated

How can I specify a different css file for mobile browsers?

I'm experimenting with updating our website to be "mobile friendly". I could use some help.
We use a lot of static HTML landing pages for things like links from email ads, etc. What I'm trying to do is have 1 landing page so the content/html page is always the same, but the page will detect what browser/device you are using and then load a different css file depending on what it is. But, we don't want to have to load the style info from the PC version if you're not on a PC.
What I'm doing now is specifying the media type in the css link, like this..
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="mobile.css" type="text/css">
What's happening is it's loading the main stylesheet first, and then the 2nd one changes some styles if you're on a device with a max width of 480 pixels (like an iPhone). But since it's loading the PC styles first, it's making some things look screwy.
So, is there a way to say "If you're on a PC, load this stylesheet. If you're on an iPhone, load this one instead." .. without javascript? I don't trust javascript too much on mobile devices. I feel like this some simple little thing that I'm missing that will make it all automagically work.
We don't want to have different content depending on the browser, just different stylesheets. Can anyone help?

Hi
Would it be better to do 2 different stylesheets, or just one big one and add a section at the bottom like:
@media only screen and (max-device-width: 480px) { .styles {whatever: styles;} }
2 separate style sheets are recommended. The reason for this is that the Safari mobile browser, (as used in iPhone etc) will download any/all images specified in a style sheet even if they are not used or specified in a media-query rule, this is a know bug with that browser.
I'm also having a new issue where the style "clear: both;" doesn't seem
to be working right. I set up my top horizontal menu using float: left,
and there's a lot of links so on the smaller screen it wraps, which is
fine but now the wrapped links are floating over the page content...
This is one of the reasons that floats should not be used in style sheets for mobile devices, the only exception I know of is for small typographical feature such as 'pull-quotes', (and never use float: right;). It is also recommended to include a menu at the bottom of the page, (or at least a link back to the top).
It works, if I have the iPhone as portrait it looks great, but if I turn
it to landscape, everything is zoomed in. But if I switch back to
portrait, everything is the right size. Is there any kind of way to get
the landscape to have the normal zoom level? I know I can do
"initial-scale=1.0", but that is just for when the page loads, not if
you change it afterwards...
I have heard of only one recommendation to fix this and that is a page refresh on resize, but due to bandwidth limits now being implemented by many providers it is probably not a good idea, you could try setting -
maximum-scale = 1.0
as well.
PZ

Adjusting for mobile

hi guys,
the problem i am having is when i scale down my site to about 330X460 the page looks a bit untidy and I want to change this but I don't know how.
As you can see the logo needs to be scaled down and the text on the nav bar needs to change. I want the 2 words 'Casa Nerja' to go to the next line, also the nav bar has to be bigger to allow for 2 lines.
I have setup a 'mobile' media design but a s I said I am not sure what code to change here.
all my code below is divided into 3 sections, source code, css stylesheet.css and mobile.css. the mobile.css is set to be used when it hits 800
source code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Untitled Document</title>
<style type="text/css">
@import url("CSS/stylesheet.css");
</style>

<link href="CSS/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width:800px)">
</head>
<body>
<div id="logo"><strong><img src="images/logo.png" width="300" height="212" alt="Casa Nerja"></strong></div>
<nav>home search about us contact us links</nav>
<section>
<p><strong>Casa Nerja was created in created in 2005 under our former name Easy Casa, in 2014 we changed out name to Casa Nerja.</strong></p>
<p><strong><br>
    We are devoted to finding the right property for the right person in and around the Nerja area. This includes Torrox, Velez-Malaga, La Herradura and Almuñéca.</strong></p>
<p><strong><br>
    Due to or long and successful reign as an real estate buisness we boast one of Nerjas bigest databases of properties for up for sale including, Re-sales, New Builds, Off Plan, Reformations and Plots of land. We also specialize in short and long-term rentals and holday lets based on a weekly rental.</strong></p>
<p><strong><br>
    Searching for a property can be a laborious affair trudging from one estate agent to another, repeating the same answers to the same questions every time. Casa Nerja can take the pain out of searching for your new home whether a Villa, Townhouse, Apartment or Cortjo.</strong></p>
</section>
<header>
<h1>about <span class="casa">Casa Nerja</span></h1>
</header>
<p><strong><br>
</strong></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<h1> </h1>
<p> </p>
</body>
</html>
stylesheet.css:
@font-face {
    font-family: 'CaviarDreams';
    src: url('CaviarDreams-webfont.eot');
    src: url('CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
        url('CaviarDreams-webfont.woff') format('woff'),
        url('CaviarDreams-webfont.ttf') format('truetype'),
        url('CaviarDreams-webfont.svg') format('svg');
body,td,th {
    color: #f7941d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
body {
    background-color: rgba(214,214,214,1);
    background-image: url(../images/about-background.jpg);
    background-attachment: fixed;
    background-size: cover;
a:link {
    color: #f7941d;
    text-decoration: none;
a:visited {
    text-decoration: none;
    color: #f7941d;
a:hover {
    text-decoration: underline;
    color: rgba(255,255,255,1);
a:active {
    text-decoration: none;
    color: #f7941d;
h1 {
    font-size: 36px;
    color: rgba(255,255,255,1);
    text-shadow: 5px 5px 10px rgba(0,0,0,.5);
.casa {
    font-family: CaviarDreams;
h2 {
    font-size: 24px;
    color: rgba(255,255,255,1);
#logo {
    position: absolute;
    left: 5%;
    top: 0px;
    width: 382px;
    height: 197px;
    z-index: 200;
nav {
    position: absolute;
    left: 5%;
    top: 190px;
    width: 90%;
    height: 31px;
    z-index: 01;
    background-color: #000000;
    text-align: right;
section {
    position: relative;
    top: 380px;
    width: 60%;
    z-index: 201;
    background-color: rgba(0,0,0,.8);
    padding: 5px;
    border-radius: 0px 30px 0px 30px;
    float: right;
    right: 5%;
header {
    position: absolute;
    left: 5%;
    top: 275px;
    width: 85%;
    height: 101px;
    z-index: 202;
    border-radius: 30px;
    background-color: rgba(0,0,0,.8);
    padding-left: 5%;
    padding-right: 0%;
mobile.css:
@charset "utf-8";
section {
    position: relative;
    top: 380px;
    width: 90%;
    z-index: 201;
    background-color: rgba(0,0,0,1);
    padding: 5px;
    border-radius: 0px 30px 0px 30px;
    float: none;
    right: 5%;
    left: 5%;
header {
    position: absolute;
    left: 5%;
    top: 275px;
    width: 85%;
    height: 101px;
    z-index: 202;
    border-radius: 30px;
    background-color: rgba(0,0,0,1);
    padding-left: 5%;
    padding-right: 0%;
Can you explain to me what needs changing and not just change it for me, I want to learn.
thanks
James

Instead of creating a separate CSS file for mobile, which I have to admit doing with my first mobile project a few years back, you can just use media queries and modify existing selectors for each of your breakpoints. A quick search on Google produced the following tutorials:
Introduction to media queries – Part 1: What are media queries? | Adobe Developer Connection
Introduction to media queries – Part 2: Building a responsive design | Adobe Developer Connection
I haven't gone through these to see if they contain any outdated methods, but David is an exceptionally reliable source.

How to specify stylesheet for attachments in Human task

Dear Experts,
I can able to add an attachment from BPEL process to Human Task. So from Worklist I can able to download the attachment. Here, I am attaching an XML payload, and I am receiving .xml file from worklist. Now I want to do xsl mapping with my attachment. To do that we have an option when creating Human Task from BPEL . In .task form, under advanced settings--> specify style sheets for attachments, specify wordML for attchments. I have used those options. But not yet my .xsl file mapped with .xml. Is there is any other way to do xsl mapping. Please suggest me.
Thanks,
Rajesh

Hi Anirudh,
I am using SOA Server suite 10.1.3.1 and JDeveloper 10g. Also I am not using "Application Server Developer's Guide for Microsoft Office Interoperability" this document, what you have mentioned in your last post. My problem is I am having xsl with me, need to map this xsl to my xml attachment. To do that we are having an option on .task form editor, Under Advanced Settings. We can mention/specify stylesheet for attachment, or we can specify wordML for attachment. I have tried both but I cant able to do xsl transformation. I have seen some code in this link. But I dont know whether this blog is correct one. Please suggest me.
Thanks,
Rajesh

HTML - Mobile XML

Hi,
We know that in HTML we can give an <input type="text"> with out a form element. I'am trying to achieve the same in mobile xml.
<SimpleForm>
<SimpleFormItem type="text" size="20" name="abc" value="this is mxml" />
</SimpleForm>
this would display a textfield with "this is mxml" typed into it, and a submit button is also rendered. This is because when a form is rendered a submit button is also rendered.
Now i want a textfield WITHOUT a submit button.
Removing the <SimpleForm> tag does not help as it does not render anyhting at all in that case!!
Any information will be useful..there is hardly any documentation on this...

I'm curious, though, what is the best database to use for efficiency and speed: mysql, xml, or html?
mySQL by far. Databases are always faster than data sources because the XML and/or HTML has to be parsed with javascript before they are displayed.
When the app is completed, I expect to have about 6 small spry datasets of 100-200 pieces of data or maybe only one dataset of 1000 -1500 pieces of data.
The 100-200 is not bad. The 1000-1500 couple be a little worse. Typically at that point you would be better handling things with a database vs. Spry just for load times and for usability reasons. You say this is for mobile, but how many people will sift through 1000+ records on a mobile phone? I know I wouldn't.
*Adobe, if you monitor these forums, why not add a mobile selection to spry datasets for lists?
Adobe does not monitor these forums often. They are for user-to-user support. If you wish to make a feature request go here:
https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

How can I add ?xml-stylesheet to an XML file?

Hi guys,
I have a java code that writes out an XML file. I want to specify the name of a stylesheet in the XML file. How can I do that?
This is the source code I have:
//---------- Create XML File ------------------
private void createXMLFile(Document doc) throws Exception
try
TransformerFactory tF = TransformerFactory.newInstance();
Transformer tr = tF.newTransformer();
FileOutputStream outXml = new FileOutputStream(xmlFile, false);
tr.transform(new DOMSource(doc), new StreamResult(outXml));
outXml.close();
catch (java.io.FileNotFoundException exc)
throw new Exception(exc.getMessage());
catch( TransformerConfigurationException exc )
throw new Exception(exc.getMessage());
catch( TransformerException exc )
throw new Exception(exc.getMessage());
Thank you
Murat

The solution from dvohra09 will output a file outXml that uses the format rules from stylesheet.
But how can I write out the following 2 lines to outXml? contextHandler.startDocument() will only write out the first line, but not the second line...
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="mytest.xsl"?>
Thanks for all pointers!
Philip

Removing Flash using CSS for mobile devices

Hi- I'm trying make my website moble friendly (I know- drop the flash all together but I can't).
Instead of having JS redirect to a new page, I'd like to have CSS hide the Flash and replace with a menu. Is this possible?
Here is the page w/ flash: http://www.prodentite.com/about/index.htm
I'd like to be able make the page look like this when the browser doesn't support flash:
http://www.prodentite.com/mobile/
Any suggestions?

Create a new css stylesheet with a media type of "handheld" and make selectors that call out those items you wish to "hide" by making them display: none;
Be sure you put a media type on your general css stylesheet of "screen" so that your stylesheets won't fight with each other.
I know there are great tutorials out there for creating "print" stylesheets for "screen" web pages. You can follow a similar procedure when you create your "handheld" stylesheet.
Here's one of them now:
http://www.adobe.com/devnet/dreamweaver/articles/designing_css_pt7_02.html
Beth

Modify news, web apps layouts for mobile site?

I am modifying an existing website to create a mobile version, placing my mobile pages in a /mobile subfolder. I am having an issue with the news and web apps, as I have already designated my templates and layouts for the full desktop version, and because my news and webapp items cannot be placed into my /mobile folder. So, now I need to display that information differently for mobile and cannot figure out how, since I am limited to a single List Layout and a single Detail Layout (for news. At least the web apps give me an Backup List Layout, which was helpful). How have others accomplished this type of thing??
An example: On my desktop version, I have announcements shown on the homepage as short blurbs (using the list view). My detail view I already have formatted for the full screen desktop version and does not work well for mobile screens. After many attempts at workarounds, I decided that I would simply show the complete announcement for mobile as a List Layout and not use a Detailed Layout at all so that I don't even have to bother with it. My thought was to code both my desktop and mobile list layouts in the List Layout of my Announcements module, and use css to show/ hide the appropriate one.
E.g.--
html in my List Layout:
<div id="standardnews">
<h3>{tag_subject} - {tag_eventfromdate}</h3>
<p>{tag_body, 140}</p>
</div>
<div id="mobilenews">
<h3>{tag_subject_nolink} - {tag_eventfromdate}</h3>
<p>{tag_body}</p>
</div>
on my desktop css stylesheet:
div#standardnews { display:block; }
div#mobilenews { display:none; }
on my mobile css stylesheet:
div#standardnews { display:none; }
div#mobilenews { display:block; }
The css works just fine, however, on my mobile site instead of rendering the event from date, it actually rendered the tag itself "{tag_eventfromdate}". So, apparently I can't have multiple instances of a tag within a single page?? Is there a way around this?
I would be grateful for any input here on the best way to handle this type of thing, given the limitations I am running into.

You can make as many list templates as you like now.
You can have a different template per device - phone, tablet, desktop so if modules are in that template they will then render those different templates and thus different layouts.
If you have modules in pages that page can be differnt per device as outlined under site settings and mobile section.
Unlimited list layouts - http://www.businesscatalyst.com/_blog/BC_Blog/post/Video_Create_custom_list_templates_for_ BC_Modules/
You CAN NOT though have conditional tags in BC yet and you can not in one list layout have tags render differently based on the device.
Style and presentation you use media quries and the System tag for device provided by BC.

Accordion navigation pane for mobile apps

Hey,
       Is there a way to create an accordion pane in a android mobile app using Flash Builder? I know you could do it flash web pages. But, for mobile app, I am not sure. I apologize if this is a stupid or redundant question.
Any direction is greatly appreciated.

I was thinking about this, for no reason other than I was meant to be doing something else.
My initial idea was that you could probably achieve something that would give you reasonable flexibility in an accordion like control by creating a custom item renderer for an s:List. EG: Override public function set selected(b:Boolean):void; in the item renderer to add the display clip when selected and remove it when deselected. You could then supply your item elements as an IList with an Array of IVisualElement as its source. I knocked up a quick test and bar resizing the renderer (which I would need to think about a bit) it worked pretty effectively.
Then, although it is a bit less elegant, it occurred to me you could use a simple s:VGroup swapping the relevant child elements in and out of the display list based on clicks on the label buttons.
[code]
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView" xmlns:accordion="accordion.*">
          <fx:Script>
                    <![CDATA[
                              import mx.core.IVisualElement;
                              protected function setClipIndex(selectThis:int):void
                                        for(var i:int=0;i<listOfClips.length;i++) {
                                                  var ive:IVisualElement = listOfClips.getItemAt(i) as IVisualElement;
                                                  if(i==selectThis) {
                                                            if(!accordionVG.containsElement(ive)) {
                                                                      // Add at item position plus one to allow for the button
                                                                      accordionVG.addElementAt(ive,i+1);
                                                  } else {
                                                            if(accordionVG.containsElement(ive)) accordionVG.removeElement(ive);
                    ]]>
          </fx:Script>
          <fx:Declarations>
                    
                    <s:ArrayCollection id="listOfClips">
                              <fx:Array>
                                        <s:Scroller width="100%" height="100%" toolTip="A group..." id="defaultGroup" >
                                                  <s:VGroup >
                                                            <s:Button /><s:Label text="Some text in some buttons..." /><s:Button />
                                                            <s:Button /><s:Label text="Some text in some buttons..." /><s:Button />
                                                            <s:Button /><s:Label text="Some text in some buttons..." /><s:Button />
                                                            <s:Button /><s:Label text="Some text in some buttons..." /><s:Button />
                                                  </s:VGroup>
                                        </s:Scroller>
                                        <s:Scroller width="100%" height="100%" toolTip="A different group..." >
                                                  <s:VGroup width="{width}">
                                                            <s:Button />
                                                            <s:Label text="Different text in some other buttons..." />
                                                            <s:Button />
                                                  </s:VGroup>
                                        </s:Scroller>
                                        <s:Scroller width="100%" height="100%" toolTip="Yet another group..." >
                                                  <s:VGroup width="{width}">
                                                            <s:Button />
                                                            <s:Label text="Some other stuff..." />
                                                            <s:Button />
                                                  </s:VGroup>
                                        </s:Scroller>
                              </fx:Array>
                    </s:ArrayCollection>
          </fx:Declarations>
          <s:VGroup id="accordionVG" top="0" left="0" right="0" bottom="0" creationComplete="setClipIndex(0)">
                    <s:Button width="100%" label="{listOfClips.getItemAt(0).toolTip}" click="setClipIndex(0)" />
                    <s:Button width="100%" label="{listOfClips.getItemAt(1).toolTip}" click="setClipIndex(1)" />
                    <s:Button width="100%" label="{listOfClips.getItemAt(2).toolTip}" click="setClipIndex(2)" />
          </s:VGroup>
</s:View>
[/code]

XML publisher report not generating output for huge XML files

Changed Depreciation Projections Report output type to XML.
Defined a Data Definition and a new Data Template (RTF) for this report.
Ran the Depreciation Projection Report to generate the XML output.
Ran the XML Report Publisher report to generate teh PDF/Excel output of the above report.
Output generated for smaller XML files. When XML size is big, the program is running for hours without generating the output.
Teh RTF template is basically a matrix report in which the number of columns in the report is based on the number of periods the report is run for.
The same is not working in the Desktop version also. The system is hanging when i try to view the preview pdf.
The XML file size is approximately 33 MB.
Please let me know if there is any way we can increase the memory size to see the output.
Thanks,
Ram.

for publisher use Category: E-Business Suite

Javax.servlet.ServletException: The name "" is not legal for JDOM/XML namespaces

Dear all,
First of all sorry, if this is not the right place for my question.
I am facing some problem with the XFire Webservices. When i am trying to access the WSDL through the url. server is throwing the following exception :
javax.servlet.ServletException: The name "" is not legal for JDOM/XML namespaces: Namespace URIs must be non-null and non-empty Strings.
     org.codehaus.xfire.transport.http.XFireServletController.doService(XFireServletController.java:143)
     org.codehaus.xfire.transport.http.XFireServlet.doGet(XFireServlet.java:107)
     javax.servlet.http.HttpServlet.service(HttpServlet.java:697)
     javax.servlet.http.HttpServlet.service(HttpServlet.java:810)
     org.jboss.web.tomcat.filters.ReplyHeaderFilter.doFilter(ReplyHeaderFilter.java:96)
root cause
org.jdom.IllegalNameException: The name "" is not legal for JDOM/XML namespaces: Namespace URIs must be non-null and non-empty Strings.
     org.jdom.Namespace.getNamespace(Namespace.java:164)
     org.codehaus.xfire.util.NamespaceHelper.getUniquePrefix(NamespaceHelper.java:58)
     org.codehaus.xfire.aegis.type.basic.BeanType.writeSchema(BeanType.java:560)
     org.codehaus.xfire.wsdl.AbstractWSDL.addDependency(AbstractWSDL.java:224)
     org.codehaus.xfire.wsdl.AbstractWSDL.addDependency(AbstractWSDL.java:233)
     org.codehaus.xfire.wsdl11.builder.WSDLBuilder.createDocLitPart(WSDLBuilder.java:403)
     org.codehaus.xfire.wsdl11.builder.WSDLBuilder.createPart(WSDLBuilder.java:355)
     org.codehaus.xfire.wsdl11.builder.WSDLBuilder.writeParameters(WSDLBuilder.java:509)
cont.......
I am not able to figure out the root cause for this. The service.xml file looks like below:
<?xml version="1.0" encoding="UTF-8"?>

<beans xmlns="http://xfire.codehaus.org/config/1.0">

<bean id="castorTypeRegistry" class="org.codehaus.xfire.castor.CastorTypeMappingRegistry"/>
<bean id="bindingProvider" class="org.codehaus.xfire.aegis.AegisBindingProvider">
<constructor-arg ref="castorTypeRegistry"/>
</bean>
<bean id="castorServiceFactory" class="org.codehaus.xfire.service.binding.ObjectServiceFactory">
<constructor-arg index="0" ref="xfire.transportManager"/>
<constructor-arg index="1" ref="bindingProvider"/>
</bean>
<service>
<name>ReleaseManager</name>
<namespace>ReleaseManager</namespace>
<serviceClass>com.pinkroccade.jfoundation.calculation.releases.ReleaseManager</serviceClass>
<implementationClass>com.pinkroccade.jfoundation.calculation.releases.ReleaseManagerImpl</implementationClass>
<schemas>
<schema>META-INF/schema/release-impact-worksheet-3.2.0.xsd</schema>
</schemas>
<style>document</style>
<serviceFactory>#castorServiceFactory</serviceFactory>
</service>
</beans>

The issue which i am facing is it due to the problem with the service.xml (Which i dont think so..), Or is it any thing to do with the XSD file which i am using.
Can any body give me some guide lines for this ????
Thanks in advance.
Thanks and Regards,
Manjunath.

Any one any thoughts..
I need to find out the solution for this as soon as possible; Not able to proceed further...
Thanks and Regards,
Manjunath.

Creating a site for mobile devices

Good morning,
I have a number of questions relating to the creation of a
site for mobile devices. My client has given me the assignment to
re-design his current website, and to also create a sub-site
suitable for mobiles. I have spent a number of hours looking around
on the Internet and trying to gain a better understanding of these
issues. Still, a number of questions remain. if you can give me any
additional understanding, that would be great.
Question 1:
Is my understanding correct: I basically need to create two
sites, one for the wide-screen browser, and one for the mobile
browser? I can direct visitors to the mobile site using a CSS or
javascript link - if their browser identifies them as a mobile
browser?
Question 2
Mobile devices come in all sorts of shapes and sizes and
versions. PDA\s and iPhone's have different screensizes and
resolutions that smart--phones, which in turn are different again
from older and simpler phones. Should I design a site for a number
of different types of phones? That would a huge amount of work...
Question 3
I also own Device Central, an App which I should think is
very useful in this situation. But I fail to understand it! OK, so
I can see what my photo or website or flash file looks like on my
Nokia N73 - but I am not designing specifically for that phone. I
also want my design to look good on all the other phones! My client
needs a website that is not tailored to one phone, but to all
phones.
Question 4
And why does Device Central not have profiles for the iPhone?
I would think it is popular enough to warrant its own profile... (I
post this from the Netherlands, where the iPhone is not carried
yet, and so I have only ever held one in my hand). Is this because
the iphone can see regular sites just fine?
Question 5
How does Dreamweaver help me build a mobile site?
Question 6
My client wants to show video on his website. In fact, that's
what this website is all about: showing sports-videos from high
profile sporting events. Which video-formats are most suitable?
Question 7
Do all mobile phones support flash? Or only a few? Or none?
It seems to me that a flash website would allow for more creativity
in the design.
Thanks for any help you can give. Any resources you could
point me to are also very welcome...
Sincerely,
Rogier Bos
Rotterdam, The Netherlands

Macnimation wrote:
> Hi,
>
> I'm experimenting with creating a small site off a
standard site, for mobile
> phone/devices.
>
> Basically, I want to load a basic list page, which has
links to pages that
> will display and run flash movies.
>
> The flash movies, in FLV format are already at 640 x 480
which run fine in the
> main site.
>
> Is it simply to resize the movies to fit the mobile
content size , or will
> they "auto" resize?
>
> Do I have to chnage the webserver configuration in
anyway, its a standard IIS
> site at the moment, but MySQL with apache is also an
option.
>
> Would standard html do or would the pages have to be
done using xhtml or wml?
>
> I would like if possible to get this infomration first
before starting it, so
> I can possibly reduce delays.
>
> Any help or pointers to tutorials would be grateful
>
I'd like to check out the PDA scene some day soon, too. In
the meantime,
there's a recent discussion of this topic here:
http://www.sitepoint.com/forums/showthread.php?p=3288343#post3288343
www.geobop.org - Family Websites
www.invisible-republic.org - Adult political websites (Mature
adults only)

How to Configure the Buttons on the QAF for Mobile UI Screens...

Hi Experts,
I am in a serious need of help from the experts who already designed the Mobile UI screens.
I have built a add-on where now we are looking this add-on to be available to use in mobile applications also. Now here what I did is I have developed OWL and QA floor plans which will be used for Mobile Only. This option of selecting only for mobile is available to us while we are creating screens. In this way I have designed the screens and attached them to the work center views.
These views are attached to the work center floor plan and this is been assigned to my user. When I tried of viewing the designed screens using my android mobile I am able to see the screens owl and Qaf as of designed, but now the problem is existing here.
When I am trying to perform one of the custom action which i have configured on the QAF floor plan the button which is configured with this custom actions is not visible at all. Not only this the standard action button on the tool bar of the Qaf like "Save" "Close" those are also not visible. I am not at all seeing any of the button on my QAF screens. With out these button I cannot go further to complete my process and complete transaction will not be done untill unless some of the custom actions which were configured on the screen. These custom actions are the action which I have declared in the custom Bo and developed with some code over there with the help of ABSL script.
I have followed the SAP 1402 documentation but there it is not clear how to do it. I have done every step of the document but no use with it. Please needed any other real time expertise help who worked already on this mobile screens.
Regards..
Hanu K

Sorry but your posting is pretty confused for me.
At first you wrote:
>I can use Play/Pause, Stop, Forward and Back in Winamp
Later you wrote:
>and WINAMP to the MEDIA BUTTON
What now? Can you use media buttons with Winamp or not. As far as I know something like this is not possible because Toshiba has designed tool that controls WMP only

Stylesheets for mobile XML

Similar Messages

Maybe you are looking for