12 Replies Latest reply: Mar 19, 2013 5:19 PM by the_wine_snob RSS

    Safe distance for buttons..

    Herugrim123 Community Member

      I keep getting build errors telling me that buttons are too close together. Mine seem to be 400 pixels apart ( vertically ). How far are they supposed to be a part to avoid this error ?

       

      Regards,

       

      TL.

        • 1. Re: Safe distance for buttons..
          Stan Jones MVP

          Look at the error again. What specifically does it say?

          • 2. Re: Safe distance for buttons..
            Herugrim123 Community Member

            On a menu item, it says 'overlapping buttons'...

             

            TL.

             

            overlapping buttons.JPG

            • 3. Re: Safe distance for buttons..
              Alan Craven Community Member

              The area allocated to the buttons is greater than that which appears to be the case from the visible button on the screen in many cases.  I believe that this is indicated by red rectangles appearing around the affected buttons when you view the menu in the Encore monitor - I have never had the problem myself so have not actually seen this.

               

              Click on the buttons with the selection Tool (leftmost arrow in the tool bar) and a green rectangle will appear around your button.  That rectangle defines the limits of the button, and these rectangles cannot overlap, even by a single pixel.  Adjust the spacing by moving, or re-sizing your buttons until you can see space between the rectangles.

              • 4. Re: Safe distance for buttons..
                Ann Bens ACP/MVPs

                This is what overlapped buttons look like.

                 

                overlap.png

                • 5. Re: Safe distance for buttons..
                  Jon Geddes Community Member

                  Buttons can be literally be touching each other and not be an issue. They just cannot OVERLAP. To determine the area of a button, you must draw a rectangle (imaginary) around all pixels within the button layer group. So if you have 2 different highlight colors (=1 and =2 for example), you would draw a rectangle that contains all pixels of both those layers within it. This would be the area of the button that cannot overlap with another button.

                   

                  Also, what confuses some people, is that you can have two rectangles (lets just say they are chapter selection boxes) right next to each other and they don't overlap, but if you rotate them slightly, they may not overlap visually, but their bounding boxes will overlap. If you can't place a straight vertical imaginary line between the two boxes (or a horizontal line if the boxes are on top of each other), then they are overlapping.

                   

                  What can also happen is a rogue pixel or pixels, possibly semi-transparent or nearly invisible, is somehow part of one of the highlight layers, causing the bounding box to extend into other buttons and overlap when it shouldn't.

                   

                  I hope this makes sense. I would look at the bounding boxes defined in Encore, and see if any extends way beyond where it should. If so, you have some rogue pixels that need to be cleaned up.

                  • 6. Re: Safe distance for buttons..
                    Herugrim123 Community Member

                    Unfortunately, what I'm seeing is this:

                    overlapping buttons 1.JPG

                    I have checked and there are no rogue pixels. So any thoughts on why these buttons are being detected as 'overlapping' ?

                     

                    Regards,

                     

                    TL.

                    • 7. Re: Safe distance for buttons..
                      Stan Jones MVP

                      Do you see the red all the way around your menu? Probably, some element in one of the menus is covering the whole menu.

                       

                      How did you create the menu? I would consider starting the menu over if you have no idea what part of it is creating the problem.

                      • 8. Re: Safe distance for buttons..
                        Jon Geddes Community Member

                        You could also try selecting the entire image in Photoshop, then go to Image > Crop. This can remove rogue pixels that are outside the image, but still affect the bound box.

                         

                        [ edited by forum host - use of these forums to solicit work or promote any business is strictly prohibited ]

                        • 9. Re: Safe distance for buttons..
                          Jon Geddes Community Member

                          In addition to fixing it for you, I will also explain how I will fix it in less than 30 seconds...

                           

                          1) Make sure none of those background pictures are inside a button layer group.

                          2) Use the Marquee Tool and drag a box a safe area around each button and it's highlight

                          3) Select Inverse, then delete. Repeat for each button, making sure that button's highlight layer is selected for each deletion.

                          4) Select All, then go to image > crop.

                           

                          Follow those steps carefully and your problem will be solved, guaranteed.

                          • 10. Re: Safe distance for buttons..
                            Jon Geddes Community Member

                            One last thing... just looking at your screenshot, I can tell that each button has a proper bounding box, which means you likely placed the background elements into their own button group. Remove them from a button group and problem is solved.

                            • 11. Re: Safe distance for buttons..
                              Herugrim123 Community Member

                              Got it in one ! I removed the menu background image and everything is tickety-boo. I had this placed in a group with the prefix (+^) which I got from an Adobe tutorial but I now realise that this was intended for a main menu button, not the main menu itself.

                               

                              PS. I'm going to have a look at your web page Jon and maybe, if I'm lazy enough, I might just come to you...

                               

                              Regards,

                               

                              TL.

                              • 12. Re: Safe distance for buttons..
                                the_wine_snob Community Member

                                TL,

                                 

                                Great news!

                                 

                                What you had was one, great big Button, and all others overlapped that.

                                 

                                Thanks for reporting the cure, and good luck,

                                 

                                Hunt