Justinmind-logo
 
Upvote 1

How can we do Center aligned layout?

Answered Victor Conesa 8 years ago

Hi Team,


How are you?


How can we do center aligned layout? means i have web layout and as per requirement i need to do center align the layout to the browser.


presently it is showing as left.


could you please guide me on this? with steps or any tutorial video?


-k

Best Answer
photo

To center content on a screen, select the base screen in the outline palette, and then look to the properties palette. Then, tick the 'center screen's content' box.

7cbb807cb03f81421c86109e3b2f380b

Replies (8)

photo
1

Hi Kanthy,


Go to "edit-->center content..." and there you can select all the screens and templates to be centered.


Best regards.

photo
1

To center content on a screen, select the base screen in the outline palette, and then look to the properties palette. Then, tick the 'center screen's content' box.

7cbb807cb03f81421c86109e3b2f380b

photo
1

I don't see the "Center screen's content" option, is there a trick to getting it to appear in the Properties area? I see all the other options as displayed above.

photo
1

Hello,

Go to the Screen palette and then right click and select 'Edit' then you will be able to see the option to 'Center screen's content'.

photo
photo
1

My "Center Screens Content" is greyed out on every Screen template I use ... Any ideas why?

photo
1

Hi Liam,

can you please send me a capture of the issue?

Thanks

photo
1

I have attached the screenshot - No matter whether the Lock Vertical or Horizontal etc. is ticked the Center Screen is still greyed out.


Thank you for your expedient response too!!! :-D

photo
1

Hi Liam, the alignment bar should be enabled when selecting one or more elements of the canvas, could you tell me if the error still happens in this case?

Greetings

Files: all.PNG
photo
1

It is not the alignment bar's state that is the issue(it's working 100% when there is an element on the canvas), but rather the issue is that when I dynamically resize an image in an event animation, it is resizing from the top left when I would really it rather resize from the center.

Thank you

photo
1

I received the video tutorial, but it still doesn't cover the issue I am trying to rectify.

In the events I am trying to resize an image a little bit larger and then I will add another event thereafter to make it go back to it's original size.

I have another image of a cursor that will go over the other image to show the action required in order to proceed to the next screen, this cursor image is centered to the canvas, so it is extremely noticeable when the first image resizes and Grows to the right.

Is there no way of making it grow from the center out?

Thank you

photo
1

Thank you for attending to this for me.

Please find the basic VP attached.

photo
1

Liam,

Thanks for the information, let me consult with the specialist and I will come back to you soon.

Ria.

photo
1

I'm getting it right if I use the Pin functions, but then the Main Element seems to fly in from the left for some reason

photo
1

Liam,

The option that is grayed out in the "Center Screen's Content" dialog is disabled for prototypes that are mobile / tablet. With a web prototype, the option should be enabled.

For what it asks to resize an element from the center, at the moment there is no direct option to do that. But you can try doing a resize event followed by a move event to "emulate" that it does resize from the center. It should also indicate that the two events have to be done at the same time by changing the arrow for the chain in the Events Palette as I show you in the attached image.

Gtts.

Ria.

photo
1

Thank you Ria, I will try your solution - I shall try it out, but perhaps may opt to go with a web-app instead if that's the better solution. ;-)

photo
1

Lian, let me know how it went and if there's anything else I can do for you.

Greetings

Ria.

photo
photo
1

Liam, sorry for the misunderstanding, could you please send your vp to take a look.

Thank you.

Leave a Comment
 
Attach a file