Skip to main content
G
grcutz
Known Participant
December 13, 2021
Question

Buttons' Auto Height and Width in Responsive Design

  • December 13, 2021
  • 1 reply
  • 115 views

I am having problems re-sizing buttons when placed on responsive grids. I know Captivate comes with auto-height and width options, but I can't find the way to use them on buttons, shapes, and text. The only two options I see when editing buttons is points and percentages. Can someone point me to the right direction?

I changed the general preferences to autosize buttons and texts, but still buttons and shapes do not auto-resize.

 

 

Thanks

    This topic has been closed for replies.

    1 reply

    Lilybiri
    Lilybiri
    Legend
    December 13, 2021

    Important information is missing: which workflow do you use for responsive design? Do you use Breakpoints? In that case the auto options in the Position properties are important. But if you use Fluid Boxes, which is the default workflow when you start a responsive project in the present version, that is not the case. You need to set up the object properly in the Fluid boxes.

    The autosize in Preferences is a legacy feature which is meant for non-responsive project. It will just resize captions and buttons in case of text which is longer, nothing more.

    G
    grcutzAuthor
    Known Participant
    December 13, 2021

    Thanks for replying Lilybiri:

     

    I'm using default fluid boxes with set dimensions. I created a 10x2 grid, where rows are 10% height and two columns (one 35% and another 65%). When viewing on deskptop, buttons look normal, but when changing to Iphone 6/7, the height of buttons is drastically reduced. I have set up butons' height and width 100%. Another option I am exploring is unchecking the maintain aspect ratio. However, in previous projects this option did not give the desired results.

     

    Sincerely,

     

     

     

    Lilybiri
    Lilybiri
    Legend
    December 13, 2021

    Fluid Boxes, but without fluid boxes? How are the FBs set up? Can you post a screenshot of the timeline?

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices