3 Replies Latest reply on Jun 18, 2013 9:46 AM by resdesign

    How come my circles in Edge come out as squares in Muse?

    trailerparkn

      I made an animation with circles and when I dragged it into Muse and previewed it they turned into squares. Anyone know why this happed and how to fix it?

        • 1. Re: How come my circles in Edge come out as squares in Muse?
          resdesign Adobe Community Professional & MVP

          Compatibility issues. Use css  and browser vendors prefixes to maintain the circle in all browsers.

          Examples:

           

          sym.$('ellipse1').css({

                    '-webkit-border-radius': '50%',

                    'border-radius': '50%',

                    'width': '20px',

                    'height': '20px'

          });

           

           

          sym.$('Rectangle').css({

                    '-webkit-border-radius': '50%',

                    'border-radius': '50%',

                    'width': '35px',

                    'height': '35px'

          });

          sym.$('RoundRect').css({

                    '-webkit-border-radius': '50%',

                    'border-radius': '50%',

                    'width': '35px',

                    'height': '35px'

          });

           

           

          sample here:

          https://www.box.com/s/5v6859tshvwr8bvvtc4y

          • 2. Re: How come my circles in Edge come out as squares in Muse?
            trailerparkn Level 1

            Im not too savy when it comes to coding, i'm more of a front end designer. Now when you say use CSS and vendor prefixes what excatly do you mean (code)? and is there an option to place this inside of Edge? is it something I have to add to the animation? and do I have to re re-adjust any of the animation location points when I do this. I'm sorry that I do not understand the the terminology too well I'm just starting to learn all this web/programming terminlolgy. I do thank you for responding to my post it is much appreciated, truly thank you.

            • 3. Re: How come my circles in Edge come out as squares in Muse?
              resdesign Adobe Community Professional & MVP

              Please download the sample above and look in composition ready for the code. You should not have to readjust the locations if you make the circle the same size. You will have to use trial and error for the percentage.

              Main browser prefixes are:

              • -ms- Microsoft
              • -moz- Mozilla Foundation (Gecko-based browsers)
              • -o-, -xv- Opera Software
              • -webkit- Safari, Chrome (and other WebKit-based browsers)
              • -apple- Webkit supports properties using the -apple- prefixes as well

               

              If you want to have fun with Edge, I recommend that you learn javascript and jquery. I assume you know CSS3.

               

              Anyway, there is a lot of info on the web. When you do not know something, google it. I usually find the information I need.

              There are javascript tutorials and jquery and jquery-UI have examples and API info.