Mobile Site - Need Accordion Widget to start at top of page upon item selection

I have set up a mobile site. I use the accordion widget for topics. If I select any topic without diving into it and scrolling, it works fine. If I scroll through a topic after selection, the next topic starts in the middle or the bottom. Kind of annoying for the user. Any ideas?
Thanks

Hi Kevin,
Could you please share the site URL or any screen shot for reference?
Regards,
Neha

Similar Messages

Problem with accordion widget flashing open and shut when page loads

why is it that my accordion widget flashes open and shut when the page is loading (see http://vincentballmusewebsite2013test.businesscatalyst.com/digital-illustration.html#.UVDr Ehx7JyII) have tried everything to solve this, and Adobes customer service is terrible they don't get back to you when they say they will.
Please help me someone,
Thanks

Thank you Zak for your help, I spent 5 hours going round in circles trying to fix that problem and that's all I needed to hear, a bit of honesty and integrity.and yes, Adobes terrible customer service has still not got back to after promising 2 level technical support to contact me last Monday, I wish there'd keep their promise
Pamela, did you try my test website or my own website and if so my own has now no accordion widget on it and my test website may need you to try loading a few times to see if it really works or not, sometimes it does actually work even on a pc but most times not.
thanks for you help too.

When using letter DIN5008-A how can i start on top of page 2?

Hello,
i use the draft letter DIN5008-A which comes with pages. On page 1 there is space for the adress of the recipient and so on.
on page to the pages starts 8 cm deeper because it has the same format like page one.
i would like to start on top page page 2. how i set this up?
thanks
martin

Hi Peter,
set the margin to the top for all pages and on the first page use an empty Textbox or transparent Shape with Textwrap to push the starting text down.
Brilliant!
Document Panel > Document > Document Margins > Top > 2.5 cm
(Menu > View > Show Layout for clarity.
Text Boxes shown with Borders for clarity).
And Page 2:
Regards,
Ian.

Is it possible to make a link in a mobile site close the browser window on the iPhone?

I'm developing a mobile site specifically for iPhone users and on my home page I have a disclaimer saying something like do not browse this site while driving. I give them the option to continue by clicking a link or to close the browser by clikcinga link. So far I haven't been able to find a script that can handle that for mobile, or more specifically, the iPhone. Can this be done on the iPhone and what versions are limited to this feature?

Ok let me ask you IF the IT department of your workplace does NOT want OS X installed on "THEIR" (The Companies) computers because of what they think is some type of security issue why are you trying to go against their wishes and install OS X on a computer that is NOT owned by you.
That could cost you your job.
If you continue down this path you will screw up the Windows install and have to take the system back to the IT department to get it fixed. What do you think they will say at that point?
Do as you like but you would be better off just buying your own Mac computer if you are set on using OS X as your personal operating system.

FrameMaker 11 on "Start New, Linked Web Page" in HTML setup

FrameMaker 11 doesn't let me use certain paragraph tags to save certain FM files into separate HTML files. After I checked the box "Start New, Linked Web Page", that item has a Y in the Reference Pages for new web page, but it was being switched back to N during the process of Save As HTML, right in front me. It worked for some other Paragraph Tags, however. Would someone please tell what I missed? Thanks!!

That's ok. I had the work-around by using the paragraph tag that worked,
so it's working now, although I'm still puzzled about the other tag.
Thank you anyway!
On Mon, Mar 10, 2014 at 8:48 AM, Jeff_Coatsworth

Opinions needed on best way to add a mobile site

We have an existing somewhat older website that does not nicely support mobile devices. While it looks and works fine on tablets, it becomes somewhat unusable on smartphones. We do not have the time/dollars at this point to start from scratch and rebuild with all of the latest bells and whistles. So the question becomes what is the cleanest/fastest/easiest way to add a mobile website. In trying to research this answer, it appears there is no one right answer. I actually have found many possibilities. Right now I have Dreamweaver CS5 and am not going to upgrade any time soon or change tools.
Here are some possibilities I'm considering:
Adding a new "home" page and letting the user decide to either "go lean and mobile" or go wide screen and use the full website. This doesn't seem too bad to me since I'm clearly going to have to maintain 2 websites in the near term.
From there I see choices where the direction is chosen based on the OS or it is chosen based on the screen size. I have seen some based on Javascript and some CSS based. It just gets pretty confusing to know which is best.
We are adding online ordering (pizza place) and want to definitely make it useable for the mobile world. Any thoughts would be appreciated.
As a follow on question, how big of a problem would we run into (how many phone users might we anger) if we used a js based menu on our mobile sit?. Not sure how many devices/OS don't support javascript.
Thanks so much!
Donna

If you go down this slippery slope, trying to identify mobile user-agents is the single biggest obstacle you will face. The list is understandably huge and constantly changing. To make matters worse, many browsers pretend to be other browsers. So sniffing for mobile devices and redirecting them to your mobile only site is not only a major chore, it's not even 100% reliable. And then there's the matter of maintaining 2 separate sites... Oh, don't even go there.
Re-code your current site to make it Responsive. Below are several Frameworks you can use to jump start your new layouts.
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap *free Extension for DW*
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Project Seven's Page Packs *Commercial CSS Templates for DW*
http://www.projectseven.com/products/templates/index.htm
Whichever menu system you choose, it needs to be user friendly for desktops as well as touch screen devices. CSS styled lists are the foundation to build on. Then you can add jQuery MeanMenu to make it mobile friendly. I have a working example of it below (resize your browser viewport):
http://alt-web.com/FluidGrid/Fluid2.html
Nancy O.

Everytime i go to watch a video on youtube, weather it be the mobile site, desktop version or the app, it always says 'video unavailable on this device' this only started happening in the last few weeks! Can someone help???

Everytime i go to watch a video on youtube, weather it be the mobile site, desktop version or the app, it always says 'video unavailable on this device' this only started happening in the last few weeks! Can someone help???

Most YouTube content requires the Flash plugin. Sometimes it's necessary to uninstall then reinstall that plugin.
Uninstall the Flash plugin then reinstall new > Troubleshoot Flash Player | Mac OS
Very important to uninstall the currently installed plugin first.
Now launch Safari and try a video.
If you have the ClickToFlash extension installed, that can prevent Flash based video from streaming. It can also be installed as a plugin in /Library/Internet-Plug-Ins.
And check to see if Safari is running in 32 bit mode. Right or control click the Safari icon in your Applications folder then click Get Info. If the box next to: Open in 32 bit mode is selected, deselect, quit then relaunch Safari.
You may also need to delete the cache associated with Safari .
Open the Finder. From the Finder menu bar click Go > Go to Folder
Type or copy/paste: ~/Library/Caches/com.apple.Safari
Click Go the move the Cache.db file from the com.apple.Safari folder to the Trash.
Quit and relaunch Safari. Try a video.

Some (non-mobile) sites will not fit in safari window, refresh needed

Hi,
Like the title says many sites when I first load them on my phone will only fit about a third of the site in the Safari window, requiring me to either pan horizontally left and right in order to view the content, otherwise I'd have to refresh the site and finally the whole thing fits in the Safari window. I'd assumed this was a Safari/iPhone issue but it has come to my attention that not everyonemay be experiencing this.
I logged on to iTunes last week and was told I had the latest iPhone software. Any hints fo me on what I could do to fix this??

My initial response was gee buddy but you just described my problem!! . But I thought to try out what you said. At first, copying and pasting the link simply yielded the same results. So then I decided to work on the formatting. Here's what the original link looks like, if you press and hold down on the "standard" link and then copy:
http://fatwallet.mobi/save_settings.php?viewMobile=0&from=%2Fforums%2Ftopic.php% 3Fthreadid%3D978427&to=http%3A%2F%2Fwww.fatwallet.com%2Fforums%2Ffinance%2F97842 7
So I deleted out all the stuff before www.fatwallet.com, and changed all the "%2F" to "/", and that worked. So now one of three things will happen, in order of likelihood, most likely first:
1) I'll do the copy and paste thing to avoid having to reload the site to get it to display properly
2) When I forward the info to the content owners, they may modify the link so it works properly.
3) Since this happens with a number of sites, Apple may be gracious enough to supply a fix (told you it was in order of likelihood )
The reason I primarily use the mobile site is it loads efficiently and suits my needs most of the time. Only so often do I need features from the main site so even when I'm on the Edge network I'll tough it out and wait for the site to load. How disappointing when it doesn't load properly

Problems with widget alignment on mobile site

I'm trying to get my mobile site up and running. I'm using a sliding menu by inserting a vertical menu box into an accordian widget. The problem is, there's always this gap on the right side for some reason when I go to preview it. I've made sure there's no strokes on anything, and I just can't seem to figure out what's causing this gap. I think it's some kind of bug. I tried compensating by shifting the menu over, and it seemed to be working in the preview mode in Muse. When i uploaded everything, everything looked fine until i noticed that when I click the menu bar thereby opening the accordian box, there's a gap on the right side again, only this time the header boxes are gapping too. This is really frustrating. Has anyone had this problem? Any suggestions?

Hi
Few things to try :
- Check the content area alignment
- Try to modify X location of content area so that it positions centrally.
Thanks,
Sanjit

Need to hide Accordion Widget Content until after pageload

Hi,
I was wondering if anyone had any experience in hiding the
content of the accordion widget panels until after the page loads.
I am fairly new to these libraries so I am fairly inexperienced on
how to go about a fix for this sort of issue. I have the widget
working fine, the only problem that I am having with the accordion
widget is that I do not like the way the accordion widget gets
loaded to the browser while the screen is loading, it looks clunky
and unprofessional.
Would anyone have any good ideas on how I go about correcting
this issue? Any help or suggestion is much appreciated.
Thanks
DB

Have you tried the examples shown at the "Hiding Data
References" page:
http://labs.adobe.com/technologies/spry/samples/data_region/HideDataReferencesSample.html
The .SpryHiddenRegion method seems to work for my
accordion.

Accordion Widget Starting Closed

I am trying to use the accordion widget on the following
page:
http://jalc.org/jazzED/s_eac.html
I am having a problem getting the page to load with the
widget panels closed except the first one. I have added the
following code to just below the DIV close tag and it didn't appear
to help:
var acc1 = new Spry.Widget.Accordion("Accordion1", {
useFixedPanelHeights: false });
</script>
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Accordion1", {
defaultPanel: 0 });
</script>
Any ideas would be GREATLY appreciated.
Thanks,
Andy

andrewmcgibbon wrote:
> I have added the following code to just below the DIV
> close tag and it didn't appear to help:
>
> var acc1 = new Spry.Widget.Accordion("Accordion1", {
useFixedPanelHeights:
> false });
> </script>
> <script type="text/javascript">
> var acc1 = new Spry.Widget.Accordion("Accordion1", {
defaultPanel: 0 });
> </script>
Your second JavaScript statement overwrites the first one.
The options
should be passed to the Accordion constructor in the same
statement like
this:
<script type="text/javascript">
var acc1 = new Spry.Widget.Accordion("Accordion1", {
defaultPanel: 0,
useFixedPanelHeights: false });
</script>
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/

Horizontally spanning Accordion widget Needed.

Hi,
I wonder, is there any way that we can make a Accordion
widget spanning horizontally.
The way its pictured here..
Currently there are many widgets available with different CSS
files. But not even one widget I have seen with different behavior.
If you came across any of the widget with the above mentioned
functionality, kindly let me know.
Many Thanks
KP

Whenever the Spry team decides to ship a new version of the
accordion and you want that new functionality you have to merge it
yourself. I didn't make any other changes other than necessary for
the horizontal behaviour. With a compare your will find the
differences easily.
I've seen a wiget builder has been released at I will try to
make an installable widget of the horizontal accordion in teh near
future.

Mobile site using an accordian panel with menu selections

I watched the adobe muse video here is the link http://tv.adobe.com/watch/creative-suite-podcast-designers/how-to-create-a-dynamic-sliding -menu-for-your-mobile-website-in-adobe-muse/
In the demo, when you preview it mobile site, the menu is not displayed and when you tap th emenu, the accordian menu displays and pushes all the content down and then when you close it, pushes it back up.
I created a similar test mobile site. But, when I preview it the menu always appear on start up and the content is not pushed down or up when the menu is activated or closed. I noticed that the options on the accordian widget in the video are different than in my MUSE which is V7.1 build 329. There is no close all initially check box. Instead I have an overlap item below check box.
So my question is what do I need to do to get this to work as per the video.
Thanks-Bryan

Hello,
I think there may be an issue in how your model/Accordion Menu was configured. What insert option are you using? Your destination should only be 'one' row OR 'one' column at the most.
Thanks,
AJ

Why is my text in one of my text blocks in my accordion widget going vertical?

I need a break! Now, in my accordion widget one of the text blocks are vertical. Or what I should say is the text looks correct but the T tool is showing that it is vertical and the menu at the top of my screen shows it's vertical. I was trying to get rid of extra space after my wording and noticed that the vertical tool shows. I have tried everything to get it to go back to normal text. As soon as I click back into the text frame it reverts back to vertical. I have wasted so much time with problems with widgets today I'm ready to give up. Anyone know the answer?

I was so frustrated I decided to try to delete the text box for that accordion section and start over. It seemed to be ok now. Now I'm having problems with anchors. It's always something when I am working with deadlines. Could you look at my site? I still have a lot to do but the business catalyst site is opitsourcebook01.businesscatalyst.com. If you go to the accordion widget on the left under "Associations and Organizations and click "Click this link" at the beginning of the paragraph it will take you to the page. Again, very frustrated but in the menu bar with "Physicians - Pharmacists - Nurses - General" I removed all but one anchor because they would not line up. If you click on "General" it doesn't go to where the anchor is farther down the page just right above "General Listings". I have spent all day reviewing tutorials and I can't seem to see what I have done wrong. Going for a run to rethink. Thanks for your help.

Spry Accordion Widget Init Closed, Without Snap?

(This is a topic discussed in
another
thread, but I didn't want to hijack the thread with my own
question, so I started a new one...)
I want to start my Accordion widget in a closed state. I
figured out the trick of setting the default panel to '-1' and
turning fixed heights by altering the code in the footer of the
page to:
var Accordion1 = new Spry.Widget.Accordion("Accordion1",
{defaultPanel: -1,
useFixedPanelHeights: false});
When you do this, however, the page loads with the first
accordion panel open and visible for a split second until the page
is loaded, at which point the widget snaps the panel shut. This is
very ugly and undesirable, especially given that this accordion is
on a page element common to every page on the site.
I've tried setting an initial class that is hidden, however
the Spry Accordion widget is written in such a way that it
preserves whatever classes you have rather than replacing them.
Does anyone know a way to load the page with the accordion
panels shut without this initial flash of the first panel snapping
shut?
Thanks,
Steve

Hey Al,
Nice plug for your own application! Here is another one,
since I am one of your happy customers.
I used the Spry widgets in the new DW CS3 and spent a couple
of days trying to tweak things to get them to work the way I
wanted. After getting input from my brother (his site that I am
working on) he really wanted some more style than what I was coming
up with using the basic DW widget. I smacked my dollar on the
barrel head and tried out PVII Accordion instead.
I can't tell you how fast and easy it was to insert and
customize this plugin. Not to mention they had some nice little
themed styles, one of which (the cobalt blue) was a real close
match to the color scheme I originally was using! (PS - any chance
of getting more theme styles down the road for this plugin or
matching styles for the other ones???)
Changing the open or closed state of the panels - it was so
simple!!! I simply went into the modify option and chose the number
that corresponded to my different panels in the menu list. My buddy
used an expression about DW CS3 that fits nicely with using tools
like PVII Accordion Magic. You can use a screwdriver with some
precision and a lot of hand strength to build what you want but it
will take you alot of time...or you can plugin a power drill and be
done with it!
To see it in action on my current work in progress go to:
http://www.dvdflashbacks.com/williamsburghealth/index.php
As for sstringer's original question - how to do this in DW's
Spry widget...
I think you are onto the right track with the -1 setting. If
I am not mistaken though, Spry uses 0 for the first panel, so I
think you would need to use an option like {defaultTab: 1} to open
the 2nd panel and so on.
PS - Just so everyone knows - I am not a sales person for
PVII - just a very satisfied customer!

Mobile Site - Need Accordion Widget to start at top of page upon item selection

Similar Messages

Maybe you are looking for