Can not reorder tabs inside a Pencil mockup builder tool - user-interface

I am using the Pencil Mockup builder version 2.0.3. but now I have around 50 page tabs inside a document. and the only way to re-order the tabs is to right click on each tab and move it for only one step either left or right.
So is there a way to drag and drop the tabs as many steps as I want ? as the current process is too slow and I might change my mind on thw whole tool ?
Any advice ?
Regards

I've encountered the same problem and worked it out the following way (not through Pencil itself, unfortunately): I opened the project file (*.ep) in Notepad++ and sorted the pages manually. The ep file contains xml/svg.
It's better to backup the original *.ep file first.
It helps having the XML Tools Plugin for Notepad++, to indent the xml code automatically.

Related

Watir - clicking on element works diffrent than manualy

I wrote test in watir, and one of line doesn't work correctly:
$browser.element(:css => '#sub-15079 > div.ardbnServerInformation').click
When I click manualy on this element, browser opens new tab and everything is fine. But when watir clicks on this element, browser opens new window (instead tab) and data in window doesn't load. How to fix this difference in behaviour?
Sounds like maybe some countermeasures are being used to block the scraping efforts...some kind of javascript thing...
A surefire way to overcome these types of things is to a visual-based automation tool something like Sikuli (sikuli.org) to visually identify a link and click it. It actually uses optical recognition rather than the DOM to identify links and click them.
A more haphazard way to go about this would be to use something like cliclick to click based on screen coordinates, but this is not a very good solution in my opinion.

how to click a blank area in a browser

I want to click on the blank area of a browser. How do I do this with watir?
For example, go to google, enter some words and then click the white space/blank area so that the search suggestions box goes away.
Two possible ways to tackle this, one I've successfully done and one I haven't.
First, using watir, something I have not tried is here: How to click on specific element in canvas by its coordinates (using WebDriver)?. I haven't looked into this much but it seems like these two guys have it figured.
The thing I have tried, however, is to use something called Sikuli. Sikuli scripts can be run ontop of an existing watir-designated browser because they are purely image-recognition based. You can trigger the sikuli script to execute from within ruby and implement the canvas (blank area) click that way. Sikuli is crazy simple to use if you use the IDE to generate the macro.

Sublime Text Plugin Modification

So I found this plugin: https://gist.github.com/KatsuomiK/3542836
And it is very close to what I'm looking for. I am trying to use sublime text 3 for note taking, and need some way to store images in my notes. Since sublime is a text editor, I do not hope to have actual inline images. Instead, what makes the most sense to me is to have local file links which I can click to open up an image. This plugin has the same click link feature, but it opens web links in a browser rather than local files. I'm actually not sure on what the most user friendly option would be, but here is one idea.
Hover mouse over local link (e.g. /Users/gus/image.jpg)
Press some hotkey
Image opens up either in preview or the quick look feature in OSX (would be nice since you could close with a simple spacebar)
If necessary there could be some kind of tag for a local link.
I am not experienced with making sublime plugins, but something tells me this could be a quite simple endeavor for a skilled coder. If you can help me out I would greatly appreciate it (and so would anyone trying to use sublime for note taking and even coding at times)

Ajax Image gallery / Open, Close Window Effect

Can anyone point me in the direction of such a script? It should also be able to work when called into another ajax window. This is the type of gallery i am going for:
http://dageniusmarketer.com/DigitalWonderland/pages/DemoGalleryExample.html
It should go on this page:
dageniusmarketer.com/DigitalWonderland/
Portfolio section.
This script should be real simple to use with minimal extra files to make it work. I also should be able to just drop images in a gallery folder and it populates the gallery automatically with thumbnails....I shouldnt have to write code for each image in my html. Should be all dynamic.
I also would like to know how I could go about a window effect where every time I open up a new section via my navigation, the window shrinks closed with the old content, then expands open with the new content. the window effect should be vertical (top to bottom shrink into center, expand from center top to bottom)
Please Let me know. Thanks
JQuery is one of my personal favorite javascript libraries (along with 99% of this site apparently!)
But it will have a learning curve, as your requirements seem pretty specific, and you will have to read some documentation to pull it off.
Try Spry from Adobe. They have a very similar demo. Also, the other common frameworks for this would be prototype/scriptaculous, dojo, mootools, jquery. In many cases they have extensions that would provide the exact thing you are looking for. For example, try
shadowbox extension which is framework agnostic. Best of luck!
Imago looks promising:
http://imago.codeboje.de/
Just discovered the very awesome-looking jQuery Tools library today. Meets your "simple and minimal" requirements and could probably pull off what you've sketched, with just the "tooltips" and "scrollable" components.
I also should be able to just drop images in a gallery folder and it populates the gallery automatically with thumbnails
My instinct is that you'd be better off writing server-side code to handle this part of your requirement.

How to disable the "auto format" feature of VisualStudio2008 editor?

When writing the HTML part of a page in a VS2008 Web App, the editor keeps formatting the HTML with linebreaks that break the readability of the code (to my eyes).
Can this feature be disabled?
Thanks
Have you tried Tools/Options/Text Editor/HTML ?
Tool/Options/
[Show all settings]
Text Editor/HTML
Wrap tags when exceeding specified lenght
If any interested.
You're probably looking at the Tag Wrapping option inside the Text Editor -> HTML options under the text editor settings. You can either disable it altogether or extend it beyond the 80 character default.
However, there is still some level of code reformatting that happens behind the scenes when you drag new controls into the page that I haven't found any solution to other than just staying in the text editor as much as possible.
Two good things to note: 1. VS2K8 does a MUCH better job that VS2K5 when it comes to formatting HTML. 2. With the new intellisense built into VS2K8, it makes it really easy to stay in the text editor while adding tags. I think I do most of my HTML stuff there now. You can keep your display in "split view" and just refresh every now and then to see how your controls are coming up.

Resources