Responsive anchor links on mobile site

I am trying to build a one page scrolling mobile site in muse and can't figure out how to create anchor links that adapt and move to different mobile screen sizes, is this possible?
Thanks,
Rich.

You can try this option :
http://musewidgets.com/collections/all/products/react-responsive-content
Thanks,
Sanjit

Similar Messages

Anchor Link for an Image

Hi There
I am trying to create an anchor link in a site that I have built and need it to link to an image rather than a piece of text. Does anyone know how you do this please I am using CS4 - thanks.
G
(Question - are Chocolate Chip Cookies bad for a dinner if your a web designer)

Place your image in the HTML document:
In front of the image tag, add your starting anchor link:
Close the anchor tag right after the end of thr image taghttp://webdesign.about.com/od/htmltags/ht/URL
http://webdesign.about.com/od/htmltags/ht/htlinkimage.htm
Hope this helps

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.

How to link the main site menu to an anchor on a subpage?

How to link the main site menu (masterpage) to an anchor possition on a subpage? Is that possible. I would like the the contact menu to link to specific anchors location contact FAQ hours. The way I do it now. I have to create seperate html pages, I would rather do it on one page. Thanks
http://beta.tmj-sleep.ca/index.html

Hello,
To link a website Menu to anchors on any page in the website, you need to create a manual menu using the Menu Widget. You can change Menu to a manual Menu by clicking on the white arrow in Blue Circle which comes up at the top right of the Menu (Menu properties) and select the Menu type as Manual. Please have a look at the screenshot below :
Now you can add change/add the text there and when you select the text/menu item then from the Hyperlink drpdown at the top in the toolbar, you can select the name of the anchor on any page of your website.
Anchors are listed in Hyperlink dropdown in this format - Page Name:Anchor Name.
Hope this helps.
Regards,
Sachin

Active state not working in scrolling site (with anchor links)

I'm design a scrolling site with anchor links and an horizontal menu on the top.
when i publish the site and click on the menu buttons the site scrolling to the place of the anchor but the active state in the menu is not working.
now... when i leave the main page (were the scrolling site is) and then return back to it all active states are working perfectly
anyone have this bug? or any one know how to fix it ?

Hmmm...I've just been playing around, and I think I got the Active State to work correctly. I think my problem was not understand what Active State means.
To answer your question, I was changing the Font Color and Box Fill Color of the Active State.
I did not understand that Active State means the look of the Menu Item when the PAGE is active. I thought it meant the look of the Menu item when the cursor is scrolling down the Menu (i.e. when the MENU is Active, not the page).
Look at this page for an example of what I'm trying to achieve...
http://www.pgavdestinations.com
When you hover over the "Work" menu item, and move the cursor down the menu, the state of "Work" remains changed until you move the cursor off of that menu column. It does NOT return back to it's Normal state until you are off of that menu column.
Is there a way to achieve this with the menu states in Muse?
Thanks for the replies!
Dave.

Can i make a button change anchor link when you scroll down the site?

I am trying to make a scroll site.. and i have navigation buttons on the right, a full menu, but also a "1 topic up" button and "1 topic down" button.
Is there any way that i can have those buttons change anchor link when you scroll down the site.
Example:
I am at home, then i press "1 topic down" and gets scrolled to the next topic on the website, but then i cant make the button change to link to the anchor below that, so the button becomes useless after that 1 press.
Is that in any way possible in Muse to make it change link?

Hi
You can try to create different buttons on page positions where down scrolling will be active with separate button actions. For example you click on "I topic down" , page scrolls and there is another button placed with "Next Topic down" , on click this would scroll the page more and similarly along the length of page.
Button with anchor link scrolling down the page cannot be used for different anchor links, creating different buttons with anchors is the solution.
Thanks,
Sanjit

Link object to phone number on mobile site?

Is there a way to link an object to a phone number, rather than the actual number? Specifically, I want to do this on my mobile site, and I have an icon of a phone that when tapped, generates a pop up phone number.
Here is my mobile site: http://allenusa.org/phone/index.html
Is this possible at all?

If you enter the phone number without prefix or dashes, Muse will automatically add tel:
The link on your Home page is missing the "tel:" I believe Muse failed to add the "tel:" due to the dashes. I'll look at getting a bug written up on that.
Either add the "tel:" manually or re-enter the link without dashes.
FWIW, the tel: link is correct on the FAQ page.

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

Unable to open local file using af:goLink and anchor link in JSF page.

Hi,
I want to open a file at a perticular location on client machine. I am using af:goLink to openg the file. But when i tried to click on the link it is not opening the file. If i give any other value like name of other site, it opens the link. It is not giving any exception also. I tried by puting notmal HTML anchor link. That is also not working. But if i put this anchor link in normal HTML page, it works.
Following is the JSPX page that i have created. Here c:\dmmsi.log is a temp file on my local system.
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
<af:document title="File Upload">
<af:form usesUpload="true">
File Uploader Test
<af:inputFile label="Input File" autoSubmit="true"/>
<af:spacer height="20" width="50"/>
<af:goLink targetFrame="_new" destination="file:///c:/dmmsi.log" text="Test"/>
<af:spacer height="20" width="50"/>

</af:form>
</af:document>
</f:view>
</jsp:root>
HTML Page i tried using anchor link
<html>
<body>
<form>
Please specify a file from your local machine</b>
<input name="file" type="file" onblur="document.forms[0].hello.value = document.forms[0].file.value; document.getElementById('you').innerHTML =document.forms[0].file.value; document.getElementById('you').href = 'file://'+document.forms[0].file.value;">
<br><br>
<input type="text" name="hello" value="">
<br><br>

</form>
</body>
</html>
(Note: Please remove the comments that i have added in creating anchor link. I was facing some issue in putting my code in this editor. It was creating the HTML link when i see the preview.)
I hope you will be able to reproduce my problem.
Sujay

What version of IE are you using? IIRC, IE 7 is supposed to prompt you. ("The web site is attempting to open a page in your Trusted Zone. This can let hax0rs pwnz0r you. Continue?" or something to that effect.)
If you use the verbatim tags, do you get an actual error message? That might help diagnose the problem.

How do you stop mobile sites from loading in safari automatically on my iPad? I can't log into mobile me because of this.

How do you stop mobile sites from loading in safari automatically on my iPad? I can't log into mobile me because of this.

The me.com website is not designed for or intended to be accessed by iOS devices. Apple provides support in iOS or seperate Apps for accessing all aspects of MobileMe except for the Accounts section.
Use MobielMe as intended and you'll have no problems.
See: http://support.apple.com/kb/ts1673
Even if you use a different browser to get access to me.com on iOS, you'll find most of it is unusable.
Other websites that present you with the mobile version have been programmed to do so by their developers. They specifically look for users accessing from 'mobile' devices and switch to the mobile site. Many such sites provide a link to go back to the 'full' site, if not, there's not a lot you can do except use a browser that can pretend not to be a mobile browser.

How do i get Safari to stop redirecting to mobile sites?

Mobile websites are a curse, and IMO was one of the main reasons people didn't use the mobile web before the iPhone. Now with the iPhone you can view the actual web (minus flash, which I would really like to see soon, hint hint), without having to deal with these crippled sites, yet most of them still redirect you to their mobile site.
Someone please tell me there is a way to get safari on the iPhone to stop redirecting to mobile sites without jailbreaking my phone.

These redirects are controlled by the websites themseives. They figure out if you are on a mobile phone or not and then redirect you to the mobile version.
The only way to change that is to look for a link on their site that leads to the full version or write the website webmaster asking them for a link to be added.
There are other ways as well but those aren't supported by Apple so they can't be discussed here.

Is there a way to make an anchor link display a different colour when selected? (active state)

I have a vertically scrolling site I am trying to set up, and it's all going well. Only problem is when you use the menu (widget or non-widget) to move to an anchor link, thus bringing in the next section, I can't get the link to diplay as a different colour.
This would be good for letting the user know what section is infront of them.
Is there a way to do this?
One other question: Is there a way to get an anchor link to display centrally in the middle of the page up and down. I can arrange it so it looks good in one browser window, but as soon as the user has more vertical space it seems to diplay a set distance from the top. I guess what I'm asking is can the anchor link define the center point instead of the top point?
Many thanks!

Hello,
Could you please elaborate what exactly you are referring to with "I can't get the link to diplay as a different colour"?
Regarding your second query, I am afraid it is not possible using Adobe Muse. However it can be a very nice feature request.
I would suggest you to post this as a feature request on our "Ideas for features in Adobe Muse" section of the forums : http://forums.adobe.com/community/muse/ideas
Regards,
Sachin

Anchor links to accordion panels not working properly across browsers

Hi everyone,
I need some help to figure out why my anchor links to specific accordion panels on another page are not working properly across browsers.
I have a Map page which has tooltips on mouseover on the site markers. 15 of the tooltips have "Click here for information" anchor links (although only 14 are currently linked) which, in theory, would take you to the Nurseries page where the specified accordion panel would be opened with the nursery entry appearing at the top of the new browser window.
Here are the links to the Map page and Nurseries page, respectively:
www.alegriadesignstudio.com/RFRI/map_v6.html
www.alegriadesignstudio.com/RFRI/nurseries_v6.html
I've tested the anchor links on IE, Firefox, Google Chrome, and Safari, and have received varying results. In most cases, the anchor links worked perfectly on two of the browsers, while on the other browsers, the correct accordion panel is opened but the nursery entry does not appear at the top of the new browser window. Anchor links using Safari and Google Chrome fared better (10 out of 14 links worked properly, and 8/14, respectively), whereas when using Firefox and IE, only 3 anchor links worked properly. The target audience for this website will be using IE and Firefox, so I would appreciate any help to figure out how to tweak the code so that the most, if not all, anchor links work properly on these two browsers in particular.
Here's an anchor link which worked perfectly in IE, GC, and Safari, but in FF, the entry did not appear at the top of the new browser window.
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem
http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?luzon=9#mangatarem [To access the anchor link on the Map page, mouseover the third green dot from the top of the map (Tooltip--Location: Mangatarem) and then click on "Click here for information."]
Here's a sample anchor link in which the entry did not appear at the top of the new browser window in any of the 4 browsers:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?mindanao=4#magpetAmabel [To access the anchor link on the Map page, go to "Mindanao" at the bottom of the map and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Brgys. Amabel, Bongolanon, Imamaling, & Manobisa; Magpet; North Cotabato) and then click on "Click here for information."]
Here's a sample anchor link in which the anchor link worked properly in GC and Safari, but the entry didn't appear at the top of the browser window in IE and FF:
www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar
http://http://www.alegriadesignstudio.com/RFRI/nurseries_v6.html?visayas=1#bilar [To access the anchor link on the Map page, go to the small island north and a bit west of "Mindanao" which is called "Bohol" and mouseover the fourth green dot below the word "Mindanao" (Tooltip--LOCATION: Bilar; Bohol) and then click on the first "Click here for information."]
Many thanks in advance for your assistance!
Joy

Hi everyone,
I'm still trying to figure out how to resolve the problem of anchor links to accordion panels not working properly across browsers (see original post for details). I would greatly appreciate any suggestions on how to resolve the problem.
Many thanks in advance.
Joy

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

Links from My Sites (Follow) / Follow Documents doesn't work.

Hello All,
We have build a sharepoint env and are now extending the site to the extranet users. For the main site and the My sites we have extended the zone. We have checked the AAM and all settings are correct.
We have 2 Web applications:
Default Web Application : Hosts the SP site that we build on port 8000 (SPSRV:8000)
My Sites Web Application : Hosts the My Sites host on port 8001 (SPSRV:8001)
We have extended the 2 sites to and let SP create a IIS Site.
Default Web Application on port 80 with intranet.domain.com as binding.
My Sites Web Application on port 80 with my.domain.com as binding.
Everything is working fine except if the user clicks on follow the real servername and port (SPSRV:8000) appears in the ("following Sites") link.
Is there somebody who knows what we did wrong ?
Some links in My Site is correct some not.
Greetings & Thanks for the responses.
Chris

This is a very thorough blog that explains how to resolve this issue:
https://rogierdijkman.wordpress.com/2013/01/14/8/
Stacy Simpkins | MCSE SharePoint | www.sharepointpapa.com

Responsive anchor links on mobile site

Similar Messages

Maybe you are looking for