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

Similar Messages

  • Website adjust for handheld devices

    I'm designing a website in html. How can I set it up so it
    shows a "simplified version" of itself if it's being viewed on a
    handheld device, like a cell phone?
    //Hanna

    This isn't as easy as one might think. The biggest problem is
    that every
    handheld device on the market has its own specs, screen size,
    browsers,
    etc... They all work a bit differently. In theory, you can
    build an
    external stylesheet for mobile devices but in reality you
    should probably
    build a separate mobile web site.
    http://alt-web.blogspot.com/2007/07/mobile-web-design.html
    http://thinkvitamin.com/features/css/make-your-site-mobile-friendly/
    http://www.westciv.com/style_master/academy/css_tutorial/advanced/mobile_profile.html
    Good luck,
    Nancy O.
    Alt-Web Design & Publishing
    www.alt-web.com

  • Need to read Hex data format for Handheld device. (SAP AII RFID )

    Hello,
    we developed a custom screens for packing, unpacking, tag commission.. etc for handheld device for my client. the Serial number field  type is /ain/barcode. Its working fine. but for the new system need to read the Hex format. I created a new field in the screen. but the handheld device is not reading the Serial number in Hex format.
    Could anyone suggest me how to read Hex data in Handheld devices. We are using Motorola MC9090 Series.
    Regards,
    Kamal

    Hi
    Are you using the reader to read an RFID tag or for reading barcodes.
    Ideally, if you read an EPC Gen2 RFID tag, for example, the 96 bit encoded EPC is read and that can be converted to its equivalent  HEX format for posting the observation to SAP AII.
    In case of barcodes, the string is read as is printed on the barcode.

  • Web Dynpro Java Application for Handheld Device

    Hi everybody,
    I have been reading some documentation about what is the best option to create an application for handheld device. So this is my landscape. I have SAP Netweaver 7.4 SR1 AS ABAP, and Java instance. So, I want to know whether is possible to create a normal web dynpro java application and then visualize this application on Browser of handheld device. That's all that I have to do? I read that exist another solution Developing mobile application for handhelds. By other side a need to know how to is the integration of this device with this application if exist. This application is going to consume data from SAP Backend system, so I just have to create JCO's for connect this application to this system, right?
    Please, can you help me with that.
    Best Regards.

    Hi Deepti,,
    Refer to the following thread which says that you must retrieve the data from the CRM backend system using standard BAPI's or customer Remote enabled function modules (socalled RFC's) and to access the backend system you will have to set up an RFC connection with CRM system.
    Regarding web dynpro and CRM
    Thanks & Regards,
    Jhansi Miryala

  • SAP Gui for Handheld devices

    Hi all,
    does anyone of you have some insight in the possibiltiy to have the SAP Gui Client on any mobile device like Blackberry / Nokia Communicator ....?
    I am searching for gadgets that makes it possible to carry a small device with you and to have access to SAP Systems through that.
    Any input is appreciated
    Thank you
    regards
    Nesimi

    Hi Nesimi,
    According to me MI should solve your business purpose.
    Any handheld device which supports Windows Mobile OS 2003 or 2005 can be used, HP iPaq is one such device, for more information you can visit http://service.sap.com/pam
    PPC 2005/2003 supports MI
    RAM: >=64 MB
    Supported Operating Systems:
    Windows 2000/XP
    PocketPC 2003
    Supported Browsers:
    Internet Explorer >= 5.5
    Pocket Internet Explorer (PIE)
    Java Runtime Environment
    PocketPC: Personal Java 3.1
    (Creme JVM installation with client)
    Win32: JDK (or only JRE)
    1.3.x and 1.4.x (Separate JVM/JDK installation)
    Hope this is helpful.
    Cheers,
    Karthick

  • Java for handheld devices ... ?

    I believe the J2ME addresses my question ...
    Nevertheless, how can I figure out which handheld devices support the J2ME??
    I would be considering Ipaq h1940 or h2210.
    thanx

    so what other java edition would work on a mobile device that
    has a JVM then?! Why would it have a JVM if not to support J2SE
    or J2ME?Possibly a ripped-off version of J2ME. Or some weird combination of the J2SE packages. Maybe J2SE without reflection and networking. Or whatever.
    Just the fact that a device runs a JVM does not have any implication on the provided class libraries. I would have thought that was obvious since you seem to know java.

  • Add on for Handheld device

    Hello All,
    I'm trying to find a solution that will allow me to create deliveries in a hand-held device in a remote location. The device doesn't necessarily have to have a live connection to the DB. The user should be able to create the delivery, and then sync that with the database when he returns to the office using a cradle or any other method. Syncing should transfer the deliveries from the handheld to the actual database and update inventory accordingly.
    Thanks
    Reza

    Try "Amodat"

  • Vertical Scrollbar in the MC9090 Handheld device for ITSMobile Service

    Hi,
    In Our ITSMobile, we have 10.4u201D forklift devices from LXE with windows XP and MC9090 from Motorola CE windows mobile 5.0. We are in ECC 6.0 and using integrated ITSmobile  .We use TRM and our RF users will log on from LP00. The screens are good in the laptop and fork lift device. But we get a vertical scroll bar in the Handheld device MC9090. We defined a different display profile for the Handheld device for MC9090 and converted the screens using the screen conversion tool. But still the scrollbar exists and it is really annoying. Is there anyway to eliminate the scroll bar in the MC9090?
    For the same service, we would like to have the full screens in the forklift device and the handheld device without any scrollbar.
    Is it the best practice to have different display profiles for different presentation devices?
    Is there any quick and easy way to eliminate the scroll bar without tampering the style sheet or HTML code or  ITSMobile generator?
    Your input will be highly appreciated.
    Regards,
    Subbu

    create your own body-begin-template like
    <body class="MobileBody" id="MobileBody" style="overflow:hidden;" ...
    "overflow: hidden" should do the trick.

  • What is the best method for developing for Internet Explorer Mobile 6 on handheld devices?

    We have customers with various versions of IE Mobile on handheld devices, and I commonly come across peculiarities when customers view our web pages on these devices. I was wondering what would be the best way to test page layouts to make sure customers
    don't have issues. We currently check it on the two handheld devices we own, but this does not seem to be enough sometimes. Is there any sort of emulator available to view on the different versions available? Or would it be valid to set up a VM with a copy
    of IE 6 to verify page layout? Or is there a list of what CSS properties and selectors are actually available on the devices? I keep coming across some things that are supported, and others that are not, and I can't make any sense out of why some CSS2 things
    are, but others aren't. And even then this seems to change per device.

    I'm already testing using IE7 mode with IE11. It is quite nice, but the handheld devices still do not display anything like IE7 does. More specifically the devices are running Windows Mobile 6~6.5 (I'm not positive), but that lists IE Mobile 6 as running
    on that; furthermore, it seems the closest desktop browser is IE6. Which is much different than IE7.
    Once I get the handheld the company owns back, someone else is using it for testing atm, I plan to run through a short script to see what CSS properties it supports. And try to figure out how to access the version information for the browser.
    var testElement = document.createElement('table'),
    jsTestsElement = document.getElementById('jsTests');
    jsTestsElement.innerHTML = '<ul>';
    for(var name in testElement.style){
    jsTestsElement.innerHTML += '<li>'+name+'</li>';
    jsTestsElement.innerHTML += '</ul>';
    Otherwise all I've got at the moment is the user agent string: Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 8.12; MSIEMobile 6.5)
    Which has led me to old blog posts and what I find confusing information that doesn't seem to show me what CSS it supports. I'm more interested in styling than developing new web pages currently.

  • Playing sound/beep on the handheld device using WebDynpro for Java (NW7.01)

    Does anybody know if we could play sounds or beeps on the handheld device using WebDynpro for Java (NW7.01)? We have a client requirement to have the handheld device beeps/makes different kind of sounds after the goods receipt is posted. We are looking for a way to play the sounds thatu2019s saved on the deviceu2019s directory. Appreciate any suggestions or input.
    Thank you!
    Teeracha

    Hi Terracha,
    you can use bellow mentioned methods for playing a sound using javascript :
    function playSound( url ){  
      document.getElementById("sound").innerHTML="<embed src='"+url+"' hidden=true autostart=true loop=false>";
    or
    https://github.com/admsev/jquery-play-sound
    $.playSound('http://example.org/sound.mp3');
    Hope that helps you as a workaround way.
    Regards,
    Srinivas Divakarla

  • Rotate node for displaying landscape/portrait on handheld device

    The javafx application I am developing will eventually be running on a handheld device with 800x480 resolution. The application will typically be running in portrait mode, but for some features (e.g. displaying charts and tables), it will need to switch to landscape mode to better display the data.
    My question is, is there a straight forward way to operate with nodes that are rotated by multiples of 90 degrees?
    I can rotate the table by calling setRotate(), although this introduces several new issues:
    To resize column widths when rotated, the user has to drag the column dividers left to right (orthogonal to the row of headers), The table still expands its width/height to the size of its parent, although this doesn't work as well when rotated -90 degrees (or other multiples of 90).
    The other constraint is that the chart content is contained in the center of a BorderPane, where the top and bottom of the BorderPane contain toolbars, which prevents rotating the entire scene.
    Here is my SSCCE; please correct me if there are any problems with the code below.
    import javafx.application.Application;
        import javafx.event.ActionEvent;
        import javafx.event.EventHandler;
        import javafx.scene.Scene;
        import javafx.scene.control.Button;
        import javafx.scene.control.TableColumn;
        import javafx.scene.control.TableView;
        import javafx.scene.layout.BorderPane;
        import javafx.scene.layout.Pane;
        import javafx.scene.layout.VBox;
        import javafx.stage.Stage;
        public class TablePanelTrial extends Application {
            BorderPane root = new BorderPane();
            private boolean isRotated=false;
            public static void main(String[] args) {
                launch(args);
            @Override
            public void start(final Stage primaryStage) {
                primaryStage.setTitle("Table Panel Trial");
                final TablePanel tp = new TablePanel();
                Button btnRotate = new Button("Rotate");
                btnRotate.setOnAction(new EventHandler() {
                    @Override
                    public void handle(ActionEvent event) {
                        double r = -90;       
                        if(isRotated){
                            r=0;
                            isRotated = !isRotated;
                        else{
                            r=-90;
                            tp.tv.setMinHeight(200);
                            isRotated = !isRotated;
                        tp.rotate(r);
                root.setTop(btnRotate);
                root.setCenter(tp.getVB());
                primaryStage.setScene(new Scene(root, 480, 800));
                primaryStage.show();
            class TablePanel{
                private VBox vbox = new VBox();
                private TableView tv = new TableView();
                private String[] labelVal = {"Column 1", "Element", "Difference", "File Name", "Report Number"};
                public TablePanel(){
                    TableColumn column1 = new TableColumn(labelVal[0]);
                    TableColumn column2 = new TableColumn(labelVal[1]);
                    TableColumn column3 = new TableColumn(labelVal[2]);
                    TableColumn column4 = new TableColumn(labelVal[3]);
                    TableColumn column5 = new TableColumn(labelVal[4]);
                    tv.getColumns().addAll(column1, column2, column3, column4,column5);
                    vbox.getChildren().add(tv);
                    tv.setPrefHeight(2000);
                public Pane getVB(){
                    return vbox;
                public void rotate(double r){
                    vbox.setRotate(r);
        }

    It will be on an Colibri Tegra ARM board running linux. The application will have a header and footer, with the rotated content taking up the center of a BorderPane, so it might be possible to flip the stage size and somehow then rotate the content in the BorderPane. However, I have not yet found a suitable method to handle the rotating part of the problem. Any ideas?

  • Developing Java application for windows CE based Handheld device

    Hi everybody,
    I am planning to develop the java application for windows CE
    based handheld device.I came to know that Oracle 9iLite supports
    the Developement of Java Application for windows CE devices.Can
    i use the JDeveloper IDE to develop the application on windows
    NT.If so how to deploy the application on windows CE device(Is
    there any options in Jdeveloper to deploy the application).Any
    body please give the solution.
    Regards,
    Siva mani kumar.D

    I agree. In my opinion Sun has done a horrible job documenting all this madness for the average developer just starting out with this stuff. There is the CLDC, J2ME, Personal Java, J2ME-WTK, MIDP, MIDP-FCS ... maddness. Anyway after sorting through it all for a few days, I think the answer to your question you will need to use Personal Java for WinCE and the Sharp Zaurus, and MIDP for PalmOS for the palm. Jeode seems to be the most common and best Personal Java implementation and it is basically the JDK1.2.2 (or is it 1.1.8) that is designed to run on WinCE and Embeddix (such as Lineo on the Zaurus). You program it just like you would a 1.1.8 application and then you can test it by running pjava.exe which is included in the personal java 3.1 download from Sun. There is also a program called JavaCheck that will ensure that your app will run properly in PersonalJava. As for the Palm, MIDP for PalmOS is a 574K program that installs on your palm device. You then use the J2ME-WTK (wireless toolkit) to build a JAR/JAD file and you use the MIDP API to write the code.

  • Error while accessing application of Mobile Sales for Handhelds

    Hi all,
       I am working with Mobile Sales for Handhelds. I downloaded a source code for "Mobile Sales & Service for HH using CRM 4.0 SP08" from SAP note 824427. After creating a WAR file out of this code and assigning it to the user through web console successfully, I synchronized. But when I tried to access the application by the link, I get a Included servlet error. The stack trace is as follows :
    Included servlet error: 500
    Location: /CRMHHSALES/start
    Error Location: /CRMHHSALES/main/BaseMenu.jsp
    Internal Servlet Error:
    org.apache.jasper.JasperException: Unable to compile class for JSPNote: sun.tools.javac.Main has been deprecated.
    C:\Program Files\SAP Mobile Infrastructure\work\localhost_8080%2FCRMHHSALES\_0002fsystem_0002fError_0002ejspError_jsp_0.java:15: Class com.sap.crm.handheld.logic.gui.Skin not found in import.
    import com.sap.crm.handheld.logic.gui.Skin;
           ^
    C:\Program Files\SAP Mobile Infrastructure\work\localhost_8080%2FCRMHHSALES\_0002fsystem_0002fError_0002ejspError_jsp_0.java:16: Class com.sap.crm.handheld.core.utils.EncodingHelper not found in import.
    import com.sap.crm.handheld.core.utils.EncodingHelper;
           ^
    C:\Program Files\SAP Mobile Infrastructure\work\localhost_8080%2FCRMHHSALES\_0002fsystem_0002fError_0002ejspError_jsp_0.java:17: Class com.sap.crm.handheld.logic.gui.Skin not found in import.
    import com.sap.crm.handheld.logic.gui.Skin;
           ^
    3 errors, 1 warning
         at org.apache.jasper.compiler.Compiler.compile(Compiler.java:282)
         at org.apache.jasper.servlet.JspServlet.doLoadJSP(JspServlet.java:612)
         at org.apache.jasper.servlet.JasperLoader12.loadJSP(JasperLoader12.java:146)
         at org.apache.jasper.servlet.JspServlet.loadJSP(JspServlet.java:542)
         at org.apache.jasper.servlet.JspServlet$JspServletWrapper.loadIfNecessary(JspServlet.java:258)
         at org.apache.jasper.servlet.JspServlet$JspServletWrapper.service(JspServlet.java:268)
         at org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:429)
         at org.apache.jasper.servlet.JspServlet.service(JspServlet.java:500)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
         at org.apache.tomcat.core.ServletWrapper.doService(ServletWrapper.java:405)
         at org.apache.tomcat.core.Handler.service(Handler.java:287)
         at org.apache.tomcat.core.ServletWrapper.service(ServletWrapper.java:372)
         at org.apache.tomcat.facade.RequestDispatcherImpl.doInclude(RequestDispatcherImpl.java:400)
         at org.apache.tomcat.facade.RequestDispatcherImpl.include(RequestDispatcherImpl.java:270)
         at com.sap.crm.handheld.core.webtools.ControllerServlet.displayPage(Unknown Source)
         at com.sap.crm.handheld.core.webtools.ControllerServlet.saveStateAndDisplayPage(Unknown Source)
         at com.sap.crm.handheld.core.webtools.ControllerServlet.handleRequest(Unknown Source)
         at com.sap.crm.handheld.core.webtools.ControllerServlet.handleRequestWrapper(Unknown Source)
         at com.sap.crm.handheld.core.webtools.ControllerServlet.doGet(Unknown Source)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:740)
         at javax.servlet.http.HttpServlet.service(HttpServlet.java:853)
         at org.apache.tomcat.core.ServletWrapper.doService(ServletWrapper.java:402)
         at org.apache.tomcat.core.Handler.service(Handler.java:287)
         at org.apache.tomcat.core.ServletWrapper.service(ServletWrapper.java:372)
         at org.apache.tomcat.core.ContextManager.internalService(ContextManager.java:806)
         at org.apache.tomcat.core.ContextManager.service(ContextManager.java:752)
         at org.apache.tomcat.service.http.HttpConnectionHandler.processConnection(HttpConnectionHandler.java:213)
         at org.apache.tomcat.service.TcpWorkerThread.runIt(PoolTcpEndpoint.java:416)
         at org.apache.tomcat.util.ThreadPool$ControlRunnable.run(ThreadPool.java:501)
         at java.lang.Thread.run(Thread.java:534)
    Can anybody help me in this issue?
    Thanks in advance.
                     Saptak.

    Hi Saptak Kulkarni ,
    <<<
    org.apache.jasper.JasperException: Unable to compile class for JSPNote: sun.tools.javac.Main has been deprecated.
    C:\Program Files\SAP Mobile Infrastructure\work\localhost_8080%2FCRMHHSALES\_0002fsystem_0002fError_0002ejspError_jsp_0.java:15: Class com.sap.crm.handheld.logic.gui.Skin not found in import.
    import com.sap.crm.handheld.logic.gui.Skin;
    ^
    C:\Program Files\SAP Mobile Infrastructure\work\localhost_8080%2FCRMHHSALES\_0002fsystem_0002fError_0002ejspError_jsp_0.java:16: Class com.sap.crm.handheld.core.utils.EncodingHelper not found in import.
    import com.sap.crm.handheld.core.utils.EncodingHelper;
    ^
    C:\Program Files\SAP Mobile Infrastructure\work\localhost_8080%2FCRMHHSALES\_0002fsystem_0002fError_0002ejspError_jsp_0.java:17: Class com.sap.crm.handheld.logic.gui.Skin not found in import.
    import com.sap.crm.handheld.logic.gui.Skin;
    ^
    >>>
    Check whether u have imported these classes or not,,
    import com.sap.crm.handheld.logic.gui.Skin;
    import com.sap.crm.handheld.core.utils.EncodingHelper;
    import com.sap.crm.handheld.logic.gui.Skin;
    these classes in your JSP file during modification ..
    i think u have used these all external classes in your JSP files without importing these classes...
    If u have imported these class files , then check , u have properly set path for these library (jar files) in the MI client itself.
    <b>If ur MI applications are using some extra jar files , then in the client device , that jar files must present in the lib directory of MI installation</b>.
    <b> These jar files must be set in the classpath while  starting the  MI client...</b>
    just refer this forum for setting classpaths in the client device for additional jar files ...
    Re: External API in MI application
    Regards
    Kishor Gopinathan

  • 10.6.8 Netboot - "Still waiting for root device"

    Hi all,
    I am having trouble with one particular 10.6.8 Netboot image that is hosted on a Mac Pro running 10.5.8 Server.  (The main 10.5.8 Server is currently hosting about 15 other Netboot and Netrestore images that work with no problem.)  I built the image on a 10.6.8 Server using System Image Utility from a fully updated 10.6.8 restore image on an external hard drive.  The external drive was started up on MacBook, MacBook Pro, and iMac systems ranging from Late '06 to Early '11 revisions.  Software update was run on every startup, but came back fully up-to-date every time and never encountered problems starting up each from the external drive.
    I then ran Disk Utility permissions repair on the external drive from the 10.6.8 Server Mac Pro and built the Netboot image in System Image Utility.  Although I am fairly new to this process, I have already successfully built several 10.6.8, 10.7.5, 10.8.5, and 10.9 Netrestore images as well as one 10.9 diagnostic Netboot that all work perfectly.  I followed the same process when creating the 10.6.8 Netboot image.
    The image I created, called 10.6.8 Diags 3.0, shows up in the Netboot list, but when I attempt to boot it shows the Apple logo for a bit before showing the "circle slash" symbol.  Verbose mode shows that it hangs when starting and repeats "Still waiting for root device" over and over again and never does anything.
    I have rebuilt the 10.6.8 Diags 3.0 Netboot image several times to rule out the possibility of corruption durring image creation.  I have also tried to create the image from a Firewire attached external drive as well as building the data on the external drive into a .dmg on the 10.6.8 Server and then creating the image from that.  All methods of creating the image yeild the same "Still waiting for root device" error when attempting to start up on any system supporting the 10.6.8 kernel.
    Netboot settings in Server Admin are the same as other Netboot images that are functioning: enabled, diskless, Intel (grayed out), and NFS.  I have verified that all enabled image index numbers are unique and even tried several different index numbers on the problem Neboot image.
    Again, all other Netrestore images I created on the same 10.6.8 Server work just fine when added to the Netboot directory on the 10.5.8 Main Server, but the Netboot image of 10.6.8 Diags 3.0 does not.  I'm not sure what else to try at this point, any ideas?

    Ooooh. I've been reading similar pages on cidori.org and just assumed it was one of those. Remarkable how my google searches didn't find that one. Thanks for the pointer, and I'll go try it.
    Thanks again, Dan.

  • Can I use applworks database on a handheld device?

    I am designing a price book for the grocery store. Would like not to invest in another software so I am attempting to use Appleworks database. My purpose is to take this info to the grocery store on a handheld device. I am open to suggestions on which handheld device would work best for this. Handheld must be phone, ical, addressbook. [internet & email not a needed feature.]

    There a program by DataVizcalled Documents to Go. It used to support AppleWorks files, but I think it is unlikely that it does any more. Click the link I have provided for more information.
    Peggy

Maybe you are looking for