Thx for your example. I see that this works (except touch :-)) and gives me more adjustability than with the ancient protaculous method.
So I could just use this and be done with it but sorry, I would like to know the outlines of how it works, try getting the grasp of it…
I see you inserted some code in the /head-section. And every item that I want to be grabbable has a class-drag extension, so this works.
What I don’t understand is why your elements also have a style called ‘.drag’ applied to them, and this is weird. Because, when I create a new graphic element and try to apply the style, I get the “this style can only be applied to text”-message.
But without this style being applied, the newly created item is grabbable with the right cursor, the same as your own elements. So: why this styling, and how did you do it, and why? More in general: Where could I find more comprehensive knowledge about how this works in Freeway?
I would hate to have to ask my questions here everytime, get solutions from you guys (thx!) while having the faintest clue to what happens. When I search in the Freeway Reference for “class” I find very little and nothing useful.
Hi Tom,
The code in the head of the page links to jQuery and jQueryUI and finally sets each item on the page with a class style of ‘drag’ as draggable. This is what makes each of these items draggable and as long as your item has a class of ‘drag’ the item should be able to be moved on the page.
If you select an HTML item (div) and look in Item > Extended >
you’ll see that I’ve added a class of ‘drag’ to each layered image. The class .drag in Edit > Styles isn’t really needed to do the moving but adds the cursor styles so the user knows the item can be moved when rolling over the item. The style .ui-draggable-dragging changes the cursor to a grabbed hand (in webkit browsers) when the item is being dragged, again, to give the user a sense of feedback as to what is happening to the item.
Try downloading the sample Freeway file again as I’ve added touch support using this hack; http://touchpunch.furf.com/
I’m not sure what to suggest as you won’t find documentation to do this sort of thing directly from Softpress. I’m simply bringing some of my general CSS and scripting know-how back into Freeway and using the application’s features to add these effects. Generally if you see something that you want to do in Freeway then you’ve got the tool to do it you just need to know what code goes where.
Regards,
Tim.
On 21 Apr 2015, at 10:56, Tom Lamers wrote:
Thx for your example. I see that this works (except touch :-)) and gives me more adjustability than with the ancient protaculous method.
So I could just use this and be done with it but sorry, I would like to know the outlines of how it works, try getting the grasp of it…
I see you inserted some code in the /head-section. And every item that I want to be grabbable has a class-drag extension, so this works.
What I don’t understand is why your elements also have a style called ‘.drag’ applied to them, and this is weird. Because, when I create a new graphic element and try to apply the style, I get the “this style can only be applied to text”-message.
But without this style being applied, the newly created item is grabbable with the right cursor, the same as your own elements. So: why this styling, and how did you do it, and why? More in general: Where could I find more comprehensive knowledge about how this works in Freeway?
I would hate to have to ask my questions here everytime, get solutions from you guys (thx!) while having the faintest clue to what happens. When I search in the Freeway Reference for “class” I find very little and nothing useful.
Following this thread with interest. Just today I had a client ask me about something similar. At the moment I have 3 rows of 2 panels on a page - these are holiday offers that contain Web Yep elements that my client updates from time to time. What they would like is that when they log in to web yep that along with making changes to the panels that they could perhaps drag them to rearrange ie. put an item from the bottom row on to the top - only when editing the offers not for viewers of the site to move about.
The said boxes would need to lock to position on their respective rows too.
The site is a static one at the moment but will be redone in Freeway as responsive at some stage!
As this thread is on the same track would this be possible?
Hi Trev,
I think this could be done but it would be an enormous amount of work for the limited gain you’d get. As far as I know WebYep doesn’t have a concept of sorting elements in a set so can’t sort these panels in one direction or another. Personally I’d be inclined to look for a CMS that can handle data sets like this and simply add in a ‘order’ text filed so that the client can slot them in the order they want them to appear. Another possible solution is to have WebYep add them to the page as normal but use JavaScript on the client side to shuffle the blocks into their desired order when the page loads. This is possibly the easiest thing to do but may cause the page to flicker as the elements shuffle about when the page first loads.
Regards,
Tim.
On 29 Apr 2015, at 16:57, t50ufo wrote:
As this thread is on the same track would this be possible?
What they would like is that when they log in to web yep that along with making changes to the panels that they could perhaps drag them to rearrange ie. put an item from the bottom row on to the top
Does WY not allow this functionality already?
It does depend on how you have constructed these panels but not having used WY for ages I think you need to make these within a Loop.
Yes it seems like a lot of work for something that is really just cosmetic! Customers ask for some strange features.
Thanks too Dave
I had thought about the loop items - I will have a closer look - I think that only WY elements can be included in the loop. My items are contained in boxes with round corners but I could perhaps redesign to make it do. I could have two coulums that would rearrange vertically then.
Thanks as always for your help and time guys - much appreciated!