« Customising Contextual Ribbon Tabs In Visio 2010 | Main | Using Excel to build Visio ShapeSheet formulae »

Tuesday, 02 August 2011

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00e54ede3f2488330153905f5cfe970b

Listed below are links to weblogs that reference Visio shapes for jQuery Mobile:

Comments

Alex Lauderdale

Nice work. Here's a stencil I just put together. Between the two we may have nailed most of the ui elements

http://eternalcontr.tempwebpage.com/jquery-mobile-gmnigraffle-stencil/

Rik Lammers

Looks great!

I have a problem using these shapes in Visio, whenever I drag a shape onto the page it turns black. But the shape does look alright while dragging. Changing the theme etc. doesn't make a difference.

Can you help me?

John Goldsmith

Hello Alex,

Nice work yourself. There must be some people who don't use Visio I suppose :) Thanks for the link.

John

John Goldsmith

Hello Rik,

Sorry to hear you're having problems. Can you confirm what version of Visio you're using and that you've managed to copy both stencil (.vss) and template (.vst) files to the correct place described above?

Also, are you creating these shapes in a new document (based on the template), or are you trying to add them to an existing document?

John

Rik Lammers

Hello John,

I'm using Visio 2010. And have indeed copied the files to the correct places. And I was using them in a new document based on your template.

But I've found the problem. I'm from the Netherlands and we have the number group separator and decimal point switched in our number format. When I set the format to English (Control Panel/Region and Language/Format) everything is alright.

I guess if you change your settings (separator and decimalpoint) you would get the same result as I did.

Rik

John Goldsmith

Hi Rik,

Thanks for your response and highlighting this bug. I suspect this might also be an issue for German and French users as well. It's something I'll try and fix for the next release.

Perhaps I could use you as a Dutch tester when it's ready?

Thanks again for flagging this up.

Best regards

John

Rik Lammers

Hi John,

There are indeed a lot of country's in Europe that use this numberformat. A fix would be great! And I'll be happy to test it for you when it's ready.

I'm using the English settings for now, and everything works great! It's a really nice template.

I was wondering if it is possible for me to create and/or edit a theme (just the colors)? Can you point out to me where the themes are defined?

Best regards,
Rik

Toine Pothuizen

John,

I like this, thanks for sharing it. I would like to have also a 'list' element. Like the button, also with top/middle/bottom. Even better to use a 'inset' attribute (inset not active = full width, no rounded corners; inset active = list has extra space from left/right border, rounded corners.

Toine

indie

i would love to use those stencils but unfortunately they are not correctly working on my system: win7 + visio 2010.

1. Installed as described.

2. Got an JQueryMobile Template when i restart visio.

3. When i choose it i can also see the stencils, but when i use them they lack of the data-graphic, they are all black!

Any ideas how i can fix this?

First i thought it might be something with security permission, but i'm running visio in admin-mode - without a change.

John Goldsmith

Hello Indie,

What language are you using? There's an issue with some European languages due to incorrect string delimiters. I am planning to fix this but for the time being if you temporarily set your Windows language to English it should work ok - not a great workaround, I know.

Best regards

John

indie

Hi John,

thanks for your quick answer.
i'll try the fix (if my win7 is capable of switching the language)
FYI: language i'm running is german.

so long,
indie

indie
  1. switched the system language to english (usa) - no improvement.
  2. further switched office default language to english ... once again no improvement ;-(
  3. any other ideas? someone else experienced missing graphics?

bye, indie

John Goldsmith

Hi Indie,

Thanks for the feedback and sorry to hear the language change didn't help. I'm hoping to get new versions up soon.

Best regards

John

James zhang

Great work!

But I find there is an error in your article:

jQueryMobile.vss to your stencils folder, the path for which is described (or can be created) in

File / Options / Advanced / File Locations… / Stencils

jQueryMobile.vst to your templates folder, the path for which can also be found under

File / Options / Advanced / File Locations… / Templates

while after I put the file in corresponding folders, I can not find this template, then I put VST to folder Stencils, and put VSS to folder Templates, it works!

My vision version is 2007 professional.

John Goldsmith

Hello James,

Thanks for your comment. That sounds a little unusual. Normally you would expect to put the template under the template path and the stencil under it's respective path, but I'm glad you've got it working.

Best regards

John

Bill

John,
Very nice. Have had the same issue with the language formats in some of my own work, needed to wire in a SUBSTITUTE() using LISTSEP() to get it to work.

Question though, I cannot figure out how you create the theme property on thepage when one of the shapes is dropped. What am I missing?

uranic

In other language set registry:

[HKEY_CURRENT_USER\Control Panel\International]
"sDecimal"="."

Arry Harmawan

There is JQuery Mobile update to version 1.1.0. Will there be any updates for this stencil?

FrankS

Just want to inform you that the problem others here have had, (only black squares when not English language), also is the case if you use Norwegian language.

The indicated registry setting above is also a really bad hack as it breaks the national standard for displaying decimal numbers. Potentially breaking the function of critical software such as economic reporting, accounting, invoicing, time management, and so on.

Account Deleted

Hello!
I haven't much experiance in jQuery Mobile, MS Visio and my English level could be better so excuse me for the question.
Can I use my Visio JQuery mobile shape for creating real mobile web site? If I can it, please, tell how.

John Goldsmith

Hello Влодко,

Thanks for your comment. The short answer is no. These shapes are designed as a quick method for creating wireframe UI's to get a feel for site functionality. There are may other more suitable tools for generating the actual markup.

Best regards

John Goldsmith

John Goldsmith

Thanks for you comment Frank. I am intending to provide an update in the future but I'm not committing to a date just yet.
I agree with you, that I wouldn't advocate altering the registry as a workaround.

Best regards

John Goldsmith

John Goldsmith

Hello Bill,

Thanks for the comment. The page theme cells are created in the masters' pages and referenced from the masters. This means that they are added the first time a shape is dropped. I've written a quick post about for you here:

http://visualsignals.typepad.co.uk/vislog/2012/06/using-page-shape-data-in-visio-master-shapes.html

Best regards

John

Takashi Hayashida

Great Stencils!

Thanks (^_^)

D Whittaker

Is there a way to apply a jquery mobile theme, created in jquery mobile themeroller, to your visio shapes?

John Goldsmith

Not easily I'm afraid. The (Visio shapes) theme colors come from user cells in the document stencil and are made up of a string array of RGB values. You can see more detail in this post:

http://visualsignals.typepad.co.uk/vislog/2011/09/using-excel-to-build-visio-shapesheet-formulae.html

I went through the original css file manually to create the five palettes as an array, so you'd have to do the same for the ThemeRoller generated css as well.

Best regards

John

Atuldarne

how do i add it to MS Word or Excel ? for design

John Goldsmith

@Atuldarne you can export the shapes as images, but if you mean can you edit in Word or Excel then you'd need to embed the Visio document - there's no real parity between Visio shapes and general Office shapes I'm afraid.

Best regards

John Goldsmith

Peter Bulloch

Really nice work! Was looking for something better than my imagination but less than Codiqa. This looks like it.

John Goldsmith

Thanks Peter. Glad you like it.

Best regards

John

elizabeth

hi, John

Good tools :) .jQuery mobile is 1.2 release now. Any update for this tool ?

Brian

Thanks so much, John! This is exactly what I was looking for.

John Goldsmith

Hello Elizabeth,

I don't have any immediate plans I'm afraid. What are the elements you're missing?

Best regards

John

Marcello

Hi John, thanks for sharing your work!

I've been trying to use the shapes for a project and i've noticed the dropdown menu widget is missing. Is it because it wasn't available in earlier versions of the library (now it's 1.3) or there's something i'm missing?

Do you plan a new release of the shapes?

Thanks again.
Marcello

John Goldsmith

Hello Marcello,

Still no immediate plans I'm afraid. Are you describing the Select menu widget? If so you could create your own from a button and then just add the overlay dropdown as required.

Best regards

John

The comments to this entry are closed.

Visio MVP

  • MVP

TWITTER

  • FollowMe

MAIN ARCHIVE PAGE

  • Archive page
Blog powered by Typepad