Parallax Scrolling and HiDPI in Adobe MUSE

Hi all,
I have a small problem. I've upgraded to the latest version of Adobe Muse and enabled on my latest project the HiDPI feature. I've now found that when I replace the pictures linked to my parallax scrolling effect, the pictures are not the correct size anymore. They shrink in size and start to tile. I even tried to use a super-size the pictures and still nothing. Is this a known issue?? Is there are way around it or is there something I'm missing and need to change.
Many thanks,
Thomas

Hi Zak, There is nothing on the page yet expect a small .svg logo, two 100% width rectangles beneath the browser bottom guide, two anchors and a widget from MuseResource.com for magnetic scrolling between anchors.

Similar Messages

Is there a way to have parallax scrolling and a changing slideshow? (so the slideshow looks still and it looks like you scroll your content over it again)

Is there a way to have parallax scrolling and a changing slideshow? (so the slideshow looks still and it looks like you scroll your content over it again)

You can apply opacity to images or define key position for slideshow so that with page scroll the opacity changes and will bring the similar effect.
Thanks,
Sanjit

Parallax scrolling problem since updating to Muse 7.1 and republishing my site

Hi.
I recently updated my Muse application to Version 7.1, made a few text changes to my site and republished my site, since I did this the following happens:
The parallax scrolling feature i have on my template moves the background images slowly to the right as you scroll for top to bottom.
I don't want it to do this, is this a bug in the 7.1 build of Muse of is there something I can do to stop this happening?
Also, the first background image you see when you land on the site seems to have repositioned itself within the frame to a different part of the image when published, see here the actual Muse document page, which is how it should look:
To see how it now looks 'live' see the link below...
www.jumatwo.com
any help resolving this would be much appeciated.
Thank You.

We had this where I work on ~200 machines.
We are still going around manually clicking the sharing>remote management tickboxes off and on as this fixes it.
It seems the GUI is not reflecting what is behind the scenes.

Parallax scrolling too fast outside of Muse preview

I'm trying to get the hang of parallax scrolling, but how it previews with Muse differs greatly from any actual browser.
I export the HTML file, it pops open in Chrome and looks great. But if I try to open the HTML file from the folder into Chrome, or preview the site after it's uploaded to the web, suddenly the scrolling is way too fast. Everything disappears with one flick of the mouse scroll wheel. It also happens in Firefox and IE.
I've tried importing scripts, but again, it effects the Muse preview, but not the actual site in the end.
Is this a common problem? How should I approach to work around this?
Thanks!
I'm using the latest version of Muse. Chrome is up to date. I am on a Windows 7 computer.

Hi,
This is an odd issue. Please provide your site URL to test it. You can publish a trial site on Business Catalyst.
Regards,
Aish

Embedding Javascript and HTML nto Adobe Muse

I am trying to embed javascript for dynamic text into my Adobe Muse site but I can't seem to get it to work.
Here is my code:
HTML:
<span id="spanDate"></span>
Javascript:
   <script type="text/javascript">
   var months = ['January','February','March','April','May','June','July',
'August','September','October','November','December'];
var tomorrow = new Date();
tomorrow.setTime(tomorrow.getTime() + (1000*3600*24));
document.getElementById("spanDate").innerHTML = months[tomorrow.getMonth()] + " " + tomorrow.getDate()+ ", " + tomorrow.getFullYear();
   </script>
I am placing the Javascript under metadata in the page properties. I tried on the individual page and on the master page. And I am placing the HTML with the Insert HTML option.
I can't seem to get the code to populate properly though. I tried the same code on a test site and it worked just fine.
Any and all advice is greatly appreciated!

It seems you have some blank spaces at the end of each line in your javascript code. Try checking for that.
In an unrelated issue I found another error in your CSS file. In your moduleStyleSheets.css file on line 1253 you have an extra ; on the end.
border-bottom: 1px solid #eee;;
Should be:
border-bottom: 1px solid #eee;

Parallax Scrolling and Browser Magnification

This is probably an unresolvable issue at this point, but it seems one of the BIG drawbacks to using Parallax Scrolling is that it only works as planned if the user of the site is viewing it at 100% Magnification. Any change up or down in magnification results in a different set of parameters for final motion, and if you're using it hoping that the final location of the moving object aligns with another fixed object in the overall design in some fashion, you're in for a big disappointment, and an embarrassing result if you're a designer. I'm hoping that there is some way in the future that the writers of this code will please include whatever math is necessary to compensate for changing browser magnification.

I realised the problem that i was having...thanks so much. I will explain for the help of others. Avoid putting the anchor in a "Composition" element. This i did inadvertantly since i had many layers. If you put it in one of them the smoothe scrolling will not work. This possibly holds true for grouped objects. I will also post the site to show that i have finally gotten it working. Thanks Zak and all the parties that showed kindness in answering me.
Best regards
http://www.raiora.com/index.html

Detect iOs and Android in Adobe Muse

Hi all,
I have a website for downloading iPad and Android tablet Enterprise app. Now i have 2 buttons in it to download Android and Ios app and i need to change it to single button. Is there any way to do it using Adobe Muse.

Currently you can use In-Payments on iOS using the Native Extensions feature available in AIR 3.
I have written a native extension for In-App Purchases on iOS. You can give it a try http://code.google.com/p/in-app-purchase-air-ios/
Please go throght the Wiki and links given on project homepage, also submit the issue if you face any
BTW: You can use it with AIR 3 RC Release currently available on Labs and to be released soon...

How to move pages of the site into folders and subfolders in adobe muse?

is it possible?

Hi,
Some useful threads are given below
Change the folder structure in Adobe Muse?
How can I structure my muse cc site with folders
Exporting a Muse site - need folder structure for images

HTML and JS in Adobe Muse is slow to load?

Hi, I've embedded an Edge Animation into Muse by inserting the HTML and uploading the Javascript using a MuCow widget provided by Adobe. 'LoadJSAtBodyEnd.mucow'
The animation takes a very long time to load? 11 seconds in Safari, 20 seconds in Firefox and 5 seconds in Chrome. I know the animation isn't to big as when i export it as a .oam into Muse the animation loads within a second. The reason it has to be in HTML and JS is because it includes a trigger that updates the windows URL to an anchor on the page. [ window.location.hash = "#about";] If the animation is a .oam file the trigger updates the URL inside the animations window not the website window. I could use [ window.open("#about", "_parent");] with an .oam file however it just refreshes the page every 8 seconds as the animations
Any ideas why the animation is taking so long to load? or is there an alternative code for the .oam?
Thanks

Hi Zak, There is nothing on the page yet expect a small .svg logo, two 100% width rectangles beneath the browser bottom guide, two anchors and a widget from MuseResource.com for magnetic scrolling between anchors.

Hello. I am trying to self host Italia fonts (Book, Bold and Medium) on Adobe Muse. I purchased web fonts from Linotype that are "obfuscated" - which means the name is hidden. Apparently I also need to install system fonts. Can I install with code in muse

Hello! I am trying to self host Italia fonts in muse. I purchased from Linotype the web fonts. But they sent obfuscated fonts and code. I need to also install as system fonts and those do not work for that. We already have different Italia fonts that we owned prior but they are not obfuscated... Is this a problem? Is there an easier way I can do this? TIA!

Abhishek,
Thank you for the reply. Wanted to comment on a few things.
I reviewed the other post that you've referenced. Nothing unusual jumped out at me as something that I was not aware of. I'm running an older iMac that is in good working condition. 2.4 GHz Intel Core 2 Duo, 24" screen. I know this issue is fleeting, as I stated earlier typically can be corrected with a restart of the CC Desktop application (that I am always running at startup). I have not been able to determine that shutting down Muse corrects the issue. I would, at this time say it doesn't.
I did open InDesign and see if the fonts in question, Open Sans and Open Sans Condensed, were present and usable. They were. The fonts are shown as being synched in my CC Desktop app window (even if they are not "installed" in Muse). That is expected but it may be a bug in how Muse brings in a font from those that are already synched to your CC account. I don't know enough about how that works to comment.
And just to complicate matters, Muse seems to be working again, the fonts that is. I brought them back in and they are showing up in all locations (which there are actually three - see screen shots).
First is primary text menu dropdown (to right of orange "Text").
Second is if you click orange Text link. Another drop down menu appears.
And lastly, the Text Panel to right of screen.
I also wanted to add this extra bit of information, for what it is worth. When the issue arises and you do not get the sub-menu dropdown showing various styles of the font (italics, bold, etc.), one can use click on the missing font if you had used it previously and it is present in the "previously used font" list.
Cheers!

Create Tabbed and Accordion Panels | Adobe Muse Feature Tour | Adobe TV

Organize lengthy information in more visually appealing, “bite-sized” chunks by using fully customizable tabbed or accordion panels.
http://adobe.ly/I5cQoV

After working with the accordion panels I've found it's about 1,000 times easier to develop your content outside the panels: selections inside of the panels is wonky at best.

Adobe Muse demo no parallax option

I just downloaded Muse demo to check out parallax scrolling and the button is not there. Do I have to get the full version or it's not out yet? Thank you!

Hi Irina,
As mentioned by mac-heibu, parallax feature will be available in next release. However, you can get the beta version as mentioned in this forum post : http://forums.adobe.com/message/5304841
Cheers,
Aish

How to add a parallax scrolling (jquerry plugin) to Muse with Insert HTML?

I know the parallax scrolling feature will come to muse in 2 weeks. But I must do a website with parallax scrolling before that time.
I actually have a site ready in MUSE but i want to add some parallax scrolling effects to this site. I know this is possible without the incoming muse updates because people did it with older muse versions.
There are some jquerry plugins that should do the work:
http://plugins.jquery.com/stellar/
http://plugins.jquery.com/parallax/ for example.
How can i add these effects to Muse with insert html/Edit html feature? I am not good at code so Could you please tell me the steps clearly even like putting the plugin into the directory?
Even if i include the plugin, how can i adjust the pluginn settings to some specific elements of a site?
Please help,
thank you!

If you're not comfortable with code, the simplest way to add parallax to Muse would be to join the Muse beta and download the beta build with the new parallax feature.
http://www.adobekb.com/participating_in_muse_beta.html

Adobe Muse updating and publishing to custom domain

I launched my Adobe Muse site yesterday, hosted through Business Catalyst with a custom 3rd party domain name. Today I edited and republished via adobe muse. The website appears with the domain on mobile, however it doesn't work through the desktop. I'm redirected to Open DNS saying the domain didn't load.
Do I have to change DNS settings again with my provider or is there another 'down' period while it updates and the DNS connects again?

If the domain is working on mobile device that means its working fine.
It would be a propagation delay.
We need to complete redelegation after adding the domain which takes some time to process.
Sanjit

New features in Adobe Muse 2.0

The following is a list of features now available in Adobe Muse:
Align Palette
We've added a new Align Palette, available from the Window menu, or by clicking on the new 'Align' control in the control strip.
You can use the new Align features to align or distribute selected objects relative to each other, or to the page content area (which is the area from the bottom of the header to the top of the footer).
Asset Upload
You can now link to any external file (i.e. PDF, .zip file, .dmg or .exe) and add a hyperlink to it to enable users to download the file from your web site.
All linked assets will be uploaded / exported along with the rest of the Adobe Muse site, in a new 'assets' folder.
Code Generation Improvements
We've improved the HTML code generation for Adobe Muse 2.0 in several areas. Shadows, Glows, and Gradients now use CSS instead of generating additional images.
We've eliminated many cases where we generated duplicated HTML nodes. We've also changed our JavaScript framework for our widgets from Spry to a smaller, faster framework called WebPro.
These changes make the export process faster, and Adobe Muse now generates less images and smaller HTML files.
Shadows and outer glows are represented using CSS box-shadows instead of rasterizing.
Fixed the naming of images exported by Adobe Muse which have been either resampled or cropped before exporting.
Background images that have been set to "Scale to Fit" or "Scale to Fill" are now exported with the 'contain' or 'cover' background-size CSS property, respectively.
Browsers display a warning when you serve a page that mixes HTTP and HTTPS content, which can be triggered if loading content from a content delivery network (CDN) such as Amazon's CloudFront. To avoid these warnings, Adobe Muse uses some JavaScript to not use CDN URLs with HTTPS in favor of falling back to a local version of the content.
Forms
We've added a new Form widget to the widget library.
You can easily configure the form to send the form submissions to multiple email addresses, and optionally redirect users to another page after submitting the form.
You can add and remove fields, and style the form as you would other Adobe Muse elements. You can independently style the various states of the form, and form fields to provide a compelling user experience, with visual cues for error states, empty states, and more.
Because Form processing requires server-side support, Adobe Muse forms are configured to work when published to Adobe Business Catalyst. If you make changes to your form and publish again, Adobe Muse will make the appropriate changes to your Adobe Business Catalyst forms.
Adobe Muse will safeguard data when redesigning your Adobe Business Catalyst forms
If a field with no data submitted is removed, it will be deleted from the database.
If a field that has submitted data is removed, it will be preserved in the database, but can be deleted from the Adobe Business Catalyst admin console if desired.
Font Improvements
The font UI includes font previews in the form of sample text rendered in the corresponding font/weight/style.
Submenus for the various font types (web, web-safe and system) have been eliminated in favor of a single sectioned list, with shortcuts to scroll to each section.
Web fonts and system fonts are grouped by font family; individual weights and styles (e.g. Bold, Italic, Bold Italic etc.) of multi-face font families appear in sub-menus.
The font UI displays an automatically generated list of recently used fonts. The number of recently used fonts to display can be configured and list can be cleared.
The font list can be filtered by font family (e.g. “Myriad Pro”), weight or style (e.g. “Bold Italic”), a combination of these (e.g., “Myriad Pro Bold Italic”), including partial names in any order (e.g., “It Bold Myr Pro”).
Adobe Muse now uses platform-independent references to fonts, so Adobe Muse documents can be exchanged between Mac and Windows without failure to resolve font references.
Adobe Muse displays localized font names (if available) based on the application locale, rather than system locale. Adobe Muse documents can be exchanged between across application locales without failure to resolve font references.
FTP Upload
Adobe Muse now includes the ability to FTP to the host of your choice by selecting File > Upload to FTP Host in the Adobe Muse menu.
Adobe Muse's FTP upload dialog allows you to specify the host, subdirectory, and login information.
Adobe Edge Integration
If you publish an .oam file from Adobe Edge, you can place it into Adobe Muse. All required images, CSS and JavaScript content will be uploaded at Publish or Export time.
As with other placed content any changes made in the source Adobe Edge file and re-saved in .oam format will be detected within Adobe Muse, and you can use the Assets Palette to update the content in Adobe Muse.
Language Support
Japanese and Italian localizations have been added.
Specific Japanese features include the addition of Japanese web safe fonts on the font menu as well as support for Japanese IME, including text input and double-byte text.
Ruler Guides
Adobe Muse now includes the ability to drag guides onto a page from the Horizontal or Vertical ruler.
Page items snap to guides when moving, but guides are not exported.
Adobe Muse supports selecting multiple guides on a page.
Sitemap.xml
Adobe Muse now creates a sitemap.xml file for better search engine optimization when the site is hosted somewhere other than Adobe Business Catalyst. You can exclude a page from the sitemap.xml file (if you don't want search engines to find it) by setting an option in the Page Properties dialog.
Browser Fill Improvements
You can now set a gradient on the Browser Fill. (Note: Opacity, Focal point and Size are not available due to cross-browser compatibility and usability standards)
In addition, you can now set your browser background image to fit or to fill.
Control Strip Improvements
The Adobe Muse control strip now has collapsible control sets (similar to Illustrator). As you expand the width of the Adobe Muse application window more controls appear.
Additional controls have been added to the Control strip – States, Transform, and Align. Text controls are now available when text frames are selected, not just when you're using the text tool.
Drag and drop styles/swatches/colors
You can now drag and drop a Paragraph style or Character style onto a text frame to apply the style to the text.
You can also drag a Graphic style into a page item, or the page to apply it.
You can drag a Swatch onto a page item, page, or browser area of a page to apply background fill.
You can drag a Color (via dragging the color preview area just above the RGB edit boxes) onto a page item, page, or browser area of a page to apply background fill. You can also drag a color to the Swatches palette to create a swatch of it.
Hyperlinks
The Hyperlink control can now be resized so that users can see entire URL. We've changed the label of the hyperlink option “Title” to “Tooltip” to help clarify where user enters the hyperlink destination information.
New Selection Visuals
Hint labels now show when you hover over elements on the page. There is a new preference to turn this display off.
Groups and widgets are now indicated with dotted line containment rectangles.
When a page item cannot be resized in a specific direction we now show an “X” instead of a missing handle.
Widget Improvements
Slideshow and Composition widgets now include a numeric stepper for controlling the Auto Play speed in seconds rather than Off, Slow, Medium, Fast.
We've added Shuffle as an option to the Slideshow and Composition widgets so the slideshow or composition contents play in random order.
Changing a Menu widget from horizontal to vertical, or vice versa, now does a much better job of preserving size and spacing.
Changing the state of one part of a widget at design time now changes appropriate sibling parts to the same state to more closely mimic browser behavior.
Based upon customer feedback, we renamed the following:
"Fit Width" and "Fit Height" to "Uniform Spacing"
"Uniform Width" and "Uniform Height" to "Uniform Size"
Other assorted improvements
Shift + Return/Enter will create a soft return instead of a carriage return.
Control/Ctrl + Tab activates next tab.
Control/Ctrl + Shift + Tab activates previous tab.
Option/Alt + click a page tab will close all open page tabs.
Option/Alt + click a site tab will close all open sites.
Holding the Shift key down while resizing an image allows you to perform a non-proportional resize.
The X, Y, W, H, and Angle edit boxes support duplicating and transforming the selection if you hold down the Option/Alt key when you hit Return/Enter or Tab.
If you enter a value in an edit box you can do a Shift + Enter to apply the value AND keep focus in the edit box.
Select Same feature added which selects other objects on the page that are the same type as the object currently selected and can be used through Alt Control Shift A and the Context and Edit menus.
Added feedback to rotation tracker so you see the angle next to the cursor as you rotate.
Changed rotation display values to be between -180 and 180 to match other Adobe apps. Previously it was 0 to 360.
Publish dialog has a new FAQ link to help users understand the implications of publishing.
Upload to FTP and Export to HTML workflows now have a ‘Domain Name’ input field. This is used for generation of Sitemap.xml and for enabling Typekit web fonts.
The display of 100% width items on iOS devices is now enabled.
Adobe Muse now produces functional submenus on iOS devices.

Not all of the listed email recipients on my contact form are receiving the inquiries.    Muse allows me to add several email addresses separated by a semi-colon (see below from Corey Wrote) but only one of the three addresses are receiving the contact form inquiries.
Corey@Adobe wrote:
Forms
We've added a new Form widget to the widget library.
You can easily configure the form to send the form submissions to multiple email addresses, and optionally redirect users to another page after submitting the form.
You can add and remove fields, and style the form as you would other Adobe Muse elements. You can independently style the various states of the form, and form fields to provide a compelling user experience, with visual cues for error states, empty states, and more.
Because Form processing requires server-side support, Adobe Muse forms are configured to work when published to Adobe Business Catalyst. If you make changes to your form and publish again, Adobe Muse will make the appropriate changes to your Adobe Business Catalyst forms.
Adobe Muse will safeguard data when redesigning your Adobe Business Catalyst forms
If a field with no data submitted is removed, it will be deleted from the database.
If a field that has submitted data is removed, it will be preserved in the database, but can be deleted from the Adobe Business Catalyst admin console if desired.

Parallax Scrolling and HiDPI in Adobe MUSE

Similar Messages

Maybe you are looking for