Learn how to center one widget over another one using a move action, by adding half the width/height of each widget to the widget's x and y coordinates.
- [Insturctor] Centering one widget inside…or over another one comes in handy…in a lot of different prototyping situations.…Especially if you're using Axure…to set up any kind of responsive website.…So, let's take a look at…how we can center widgets with variables.…Whenever we use the "move to" action in Axure,…Axure takes the coordinates we give it…and that's where it drops the top left corner of our widget.…So, if we wanna center one widget over another one,…we'll need to figure out the formula…for the coordinates of that top left corner.…Let's start with the x-coordinate.…
If we move our widget to the x-coordinate of our container,…that will line up the left sides of our widget.…Then, if we take the width of our container widget…and divide it in half, and we add that to our x coordinate,…that will move our widget…over to the center point of our container.…After that, we just need to take half the width…of our widget and subtract that from our formula.…That will move our widget back over to the left,…and make it look centered horizontally.…
- Using variables in Axure
- String methods in Axure
- Truncating text strings
- Formatting dates and times
- Setting up a looping animation
- Setting up a responsive background image
- Positioning widgets in the browser
- Repeater and item properties
Skill Level Advanced
1. Widget Properties
3. Dates and Times
4. Window Properties
5. Repeater and Item Properties
6. Global Variables
Global variables2m 14s
Using plugins on Axure Share2m 49s
8. When Things Go Wrong
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.