Page 1 of 2 12 LastLast
Results 1 to 10 of 19

Thread: Setting Up a mobile friendly web page...

  1. #1
    Junior Member
    Join Date
    Feb 2011
    Posts
    7

    Default Setting Up a mobile friendly web page...

    Alright, im trying to set up a mobile friendly page for smartphones...

    i cant seem to figure out the right combination of tools or componets to be able slide images, left or right,) to the next image (photo) while on the same page.

    please view my site http://www.shoperenowharton.com created with fusion 12

    im trying to do away with the thumbnails on the mobile site.

    any help or direction would greatly be appreciated.

    thank you.

  2. #2
    Junior Member
    Join Date
    Feb 2011
    Posts
    7

    Default

    http://www.shoperenowharton.com/mobileokay, inline frames... but my image looks great in the preview, but on the ipad the image exceeds the iframe boundary...

  3. #3
    Administrator Mike's Avatar
    Join Date
    Jan 2010
    Location
    Doylestown, PA
    Posts
    524

    Default

    There is a smartphone template that ships with Fusion 12. It might be a good starting point for your mobile site. To access the template use "New Site from Template" and select "Smartphone Site.zip".

    Here are two samples created with the base templates:
    http://mike.netocorp.com/samples/mobi1/
    http://mike.netocorp.com/samples/mobi2/
    Mike
    NetObjects Technical Support
    forums.NetObjects.com

  4. #4
    Administrator Mike's Avatar
    Join Date
    Jan 2010
    Location
    Doylestown, PA
    Posts
    524

    Default

    Quote Originally Posted by p.lau View Post
    i cant seem to figure out the right combination of tools or componets to be able slide images, left or right,) to the next image (photo) while on the same page.
    Images sliding left to right is a little tricky. I tested a few combinations of iFrames with mixed results. Using the MLR tool nested in an accordion fold might be solution.

    see http://mike.netocorp.com/samples/mobi3/

    Rough steps to takes...
    1. Add the plain MLR object inside a fold of an existing accordion
    2. Create as many MLR sections as you have images
    3. Place a form button inside each of the new MLR contained layouts. This will control the flow.
    4. Add a action to each of your buttons. Taget the MLR, passing the "SwitchTo" message, with a value of the proceeding MLR contained layer.
    5. Add your images to each MLR contained layer, much like you did with the buttons.
    Mike
    NetObjects Technical Support
    forums.NetObjects.com

  5. #5
    Junior Member
    Join Date
    Feb 2011
    Posts
    7

    Default

    Mike, thanks for the suggestions. i gotta ask what a MLR is?

    thanks the concepts you mention sound solid. this is my second website, so i really dont know the lingo, but i get the concept.

  6. #6
    Administrator Mike's Avatar
    Join Date
    Jan 2010
    Location
    Doylestown, PA
    Posts
    524

    Default

    Quote Originally Posted by p.lau View Post
    Mike, thanks for the suggestions. i gotta ask what a MLR is?

    thanks the concepts you mention sound solid. this is my second website, so i really dont know the lingo, but i get the concept.
    For your second web site it's coming along very nicely and those are some beautiful homes. On to the lingo...

    MLR is an acronym for Multiple Layout Region. A MLR allows for multiple elements to exist in the same space while being made visible/hidden by some kind of controller. There are a set of tools on your Standard Tool bar that use the MLR concept. The first few tools in the drop down are fairly automated. You add them to your page and create as many sections, tabs, etc as you need. However if you can't make one of the prebuilt tools work for the task at hand, then you might need to use the generic MLR tool (last one in drop down) and Actions (the red play button on property inspector) to get the job done.

    The mobi3 example I posted is moderately difficult if you're just getting started, but no worries. I'll PM you the template I created, hopefully it will provide some additional insight.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	standard tools..png 
Views:	369 
Size:	20.7 KB 
ID:	825  
    Mike
    NetObjects Technical Support
    forums.NetObjects.com

  7. #7
    Junior Member
    Join Date
    Feb 2011
    Posts
    7

    Default

    Dude, very cool tool... that made life a lil easier, i was making seperate layouts and then placing them. thanks!

  8. #8

    Default

    In order to create a mobile site, do you need to create a new site or use an old site and modify?

    Thanks,

    Barbara

  9. #9
    JWebStuff
    Guest

    Default Re: Setting Up a mobile friendly web page...

    Ohhh, very cool implementation... and thanks for including the instructions!
    Janice

    "Mike" <Mike.4p0i0b@no-mx.forums.netobjects.com> wrote in message
    news:Mike.4p0i0b@no-mx.forums.netobjects.com...
    >
    > p.lau wrote:
    >>
    >> i cant seem to figure out the right combination of tools or componets
    >> to be able slide images, left or right,) to the next image (photo) while
    >> on the same page.
    >>

    >
    > Images sliding left to right is a little tricky. I tested a few
    > combinations of iFrames with mixed results. Using the MLR tool nested in
    > an accordion fold might be solution.
    >
    > see http://mike.netocorp.com/samples/mobi3/
    >
    > Rough steps to takes...
    >
    > - Add the plain MLR object inside a fold of an existing accordion
    > - Create as many MLR sections as you have images
    > - Place a form button inside each of the new MLR contained layouts.
    > This will control the flow.
    > - Add a action to each of your buttons. Taget the MLR, passing the
    > "SwitchTo" message, with a value of the proceeding MLR contained
    > layer.
    > - Add your images to each MLR contained layer, much like you did
    > with the buttons.
    >
    >
    >
    > Mike
    > NetObjects Technical Support
    > 'forums.NetObjects.com' (http://forums.netobjects.com)
    > '' (http://www.netobjects.com)




  10. #10
    Administrator Mike's Avatar
    Join Date
    Jan 2010
    Location
    Doylestown, PA
    Posts
    524

    Default

    Quote Originally Posted by barbaraj View Post
    In order to create a mobile site, do you need to create a new site or use an old site and modify?

    Thanks,

    Barbara
    Either option works well...

    • If you create a new site you could use the Wizard where there are some basic mobile options that target pre-smartphone. Or you can create a "new site from template" and choose the smartphone specific template.
    • If you have an existing website you could import a mobile page as an addition. From Site View choose File > Insert Template and then choose the smart phone template. Lastly you might want to "exclude from navigation" via the Site Views property inspector.


    After you have your mobile site or page, you can go a step forward with 3rd party mobile redirection scripts or a DNS entry for your specific page.

    example: m.mysite.com -> mysite.com/mobile.html
    Mike
    NetObjects Technical Support
    forums.NetObjects.com

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •