Welcome to TalkGraphics.com
Results 1 to 10 of 17

Hybrid View

  1. #1
    Join Date
    Mar 2018
    Location
    Morelos, Mexico
    Posts
    82

    Default Text inside groups with stick to top

    Hi, all.

    (Apologies in advance it the introductory description is too thorough.)

    I am experimenting with the recent feature “Text inside groups for websites”, which allows you to add a name to a text element (“HTMLText”) that is embedded in a group (e.g., a button) and thereby maintain the text as text upon export (as opposed to being part of the graphic). The purpose is that the text does not become blurry at higher resolutions. It sounds great.

    Unfortunately, I have found a negative side effect. If you apply stick to top to the group, the text element is treated separately. In other words, rather than stay in the center of the button, it continues scrolling until it too reaches the top. The result is an odd looking button.

    Has anyone dealt with this and perhaps found a way to make the text stay in the center of the button?

    Many thanks in advance.

    Click image for larger version. 

Name:	stick to top button.jpg 
Views:	30 
Size:	27.4 KB 
ID:	125857

  2. #2
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,446

    Default Re: Text inside groups with stick to top

    Yes, it's possible to do it but it's a fairly crap workaround. Basically you need to use paragraph text for the button text such that it's similar to this:
    .
    .
    Button Text
    Set the Periods to match the button colour and adjust their size to get the third line of text centred on the button.

    See attached.
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16GB Ram + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 16

  3. #3
    Join Date
    Mar 2018
    Location
    Morelos, Mexico
    Posts
    82

    Default Re: Text inside groups with stick to top

    Thanks, Egg.

    I see what you mean that it's not ideal, but it's a pretty clever way to achieve the effect. I'll give it a try.

  4. #4
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,446

    Default Re: Text inside groups with stick to top

    A better way of doing it would be to create a menu page and include this menu page within a placeholder on the main site. Place the menu placeholder at the top of the page & make Sticky. Avoid Stick at Top, it causes aweful judders. No need to do the period workaround this way.

    EXAMPLE
    Egg

    Intel i7 - 4790K Quad Core + 16GB Ram + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 16

  5. #5
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,446

    Default Re: Text inside groups with stick to top

    Here's the Menu page.

    Attached the menu xar.

    This isn't a Xara navbar, this is far easier to change button backgrounds, button text and mouse over colours.

    There's not numerous button bitmap file calls to the host server etc. Text remains as html text. Button backgounds mainly remain as vector shapes. All colours are easily adjusted using named colours within Xara.
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16GB Ram + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 16

  6. #6
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,446

    Default Re: Text inside groups with stick to top

    Here's an explanation of the buttons construction:
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	button-construction.png 
Views:	19 
Size:	66.7 KB 
ID:	125879  
    Egg

    Intel i7 - 4790K Quad Core + 16GB Ram + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 16

  7. #7
    Join Date
    Mar 2018
    Location
    Morelos, Mexico
    Posts
    82

    Default Re: Text inside groups with stick to top

    Wow, thanks, Egg!

    I’ve always made buttons as you show, with the three mouseoff and two mouseover elements independent of each other (not even softgrouped). In the current iteration of our site, I opted to use the navbar option (still using the method you show for other buttons), simply because I couldn’t get dropdown menus to work using additional layers to highlight the button when the mouse passes over and making the whole thing sticky. I think your method opens up a new avenue for exploring that possibility while allowing export as independent elements without blurring. Much appreciated!

    Thanks as well to Acorn.
    I look forward to looking into all of this information.

  8. #8
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    10,996

    Default Re: Text inside groups with stick to top

    Quote Originally Posted by Egg Bramhill View Post
    A better way of doing it would be to create a menu page and include this menu page within a placeholder on the main site. Place the menu placeholder at the top of the page & make Sticky. Avoid Stick at Top, it causes aweful judders. No need to do the period workaround this way.
    EXAMPLE
    Egg, stick at Top may have its uses: Some sites have a top preamble that can be scrolled away form leaving the NavBar then at the top. I wouldn'y go for it myself but designers should have free rein.

    Acorn
    Acorn - My currently active Xara software: XDPX (current, v15, v12 & 11 (64-bit)), unserviced XWD Premium 15 & 12, XPGD10, X3D7; lots of licences back through time (to CC's Artworks). If your Post identifies a Xara software fault, please raise it directly with Magix --> support2.magix.com.

  9. #9
    Join Date
    Aug 2000
    Location
    Harwich, Essex, England
    Posts
    19,446

    Default Re: Text inside groups with stick to top

    Acorn, I have no issue with Stick at Top but in this particular case it creates an unacceptable judder. Preview the attached.
    Attached Files Attached Files
    Egg

    Intel i7 - 4790K Quad Core + 16GB Ram + 232 GB SSD + 250 GB SSD portable drive
    Xara Designer Pro X 16

 

 

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •