In his demo, the user initiates the slide panel by clicking a button to reveal it, and another click to hide. One of those was from John Sindelar from Seedcode who published this great article in which he presents an animated sliding panel example.
Recently, there have been a couple of great articles concerning sliding panels which prompted me to get my arse into gear and publish this one too. The demo file for this article has been in progress for a while now and I had been tinkering with it from time to time but never ready to publish. The drawer will also collapse upon moving the mouse off the drawer, just like in the website example above. This is one that will also animated, but also be activated upon hovering the mouse over it. In this article we are going to build a sliding drawer, but not just any sliding drawer. Moving the mouse off the expanded drawer will collapse it. When the mouse is placed over the drawer, it expands with an animated effect, revealing the full contents. The first image shows the collapsed drawer. Here is an example of a website that contains a sliding drawer. These can be placed in the drawer and the drawer can be opened when required to give access to the additional functionality. The drawer is most useful when the screen does not have enough room on it to contain further functionality and actions. They generally appear on the left edge of a screen, but can be on any edge if desired. For these two reasons the slide control becomes a good candidate for a number of other UI patterns, one of which is a sliding drawer.Ī sliding drawer (also known as a Navigation Drawer) is a control which expands to fill a larger portion of the screen when either pressed, hovered over with the mouse, or swiped with the finger on a touchscreen device. We can also script the navigation between slide panels. The action of moving from one slide control panel to another can be animated (or not animated) by way of script. The slide control is one of the first UI tools that has animation built into it. However it is quickly finding it's place in FileMaker Pro with a number of cool uses for it being introduced into the community. Because of it's primary function of sliding via a swipe, it is built with FileMaker Go in mind. The slide control is an exciting new layout tool introduced in FileMaker 13.
0 kommentar(er)
