PDA

View Full Version : Visual Designer



Urkman
30 Mar 2010, 1:32 PM
Hello,

I'm working on a new project and a part of this project is a Visual Deisgner to create templates.
At this point the Designer is very tight integrated into the system, but I'm thinking about creating a widget for the designer. Is there some interest for a designer widget?

And now I would like to show you a screencast of this designer. At this point it is not possible to post a link to this designer, because it is still buggy and not ready for deployment...

It would be nice, if you take a look at the screencast and share your thoughts with me.

Here are the Links to the screencast:
Youtube: http://www.youtube.com/watch?v=zr9MU83REj4
Viddler: http://www.viddler.com/explore/Urkman/videos/1/

Thanks fpr your help,
Urkman

Bobrovnik
30 Mar 2010, 9:05 PM
What kind of template does it create? I mean is his html file creator or some other document? And what is the serverside?

yhwh
31 Mar 2010, 1:16 AM
Very impressive!!! But could you show the generated code of the screencast?

Urkman
31 Mar 2010, 2:14 AM
Hello,


Very impressive!!! But could you show the generated code of the screencast?

it returns the designed data as a json string. For the screencast something like this:



{ "items" : { "1" : { "ext-gen359" : { "(id)" : "ext-gen359",
"(name)" : "Freier Text",
"(type)" : "template_item",
"align" : "center",
"background_color" : "#FFFFFF",
"background_image" : "",
"border" : 0,
"border_color" : "#000000",
"font" : "Courier",
"font_color" : "#000000",
"font_size" : 20,
"font_style" : "Bold",
"height" : 36,
"text" : "This is a Test",
"width" : 234,
"x" : 156,
"y" : 200
},
"ext-gen506" : { "(id)" : "ext-gen506",
"(name)" : "Bild",
"(type)" : "template_item",
"align" : "left",
"background_color" : "#FFFFFF",
"background_image" : "",
"border" : 0,
"border_color" : "#000000",
"font" : "Courier",
"font_color" : "#000000",
"font_size" : 10,
"font_style" : "",
"height" : 82,
"image" : "sturm_logo.jpg",
"width" : 252,
"x" : 147,
"y" : 287
}
},
"2" : [ ],
"3" : [ ],
"4" : [ ],
"5" : [ ],
"6" : [ ]
},
"parts" : { "1" : { "(id)" : "1",
"(name)" : "Erste Seite",
"(type)" : "template_part",
"background_color" : "FFFFFF",
"background_image" : "briefpapier-cmyk-stefansturm-leer.jpg",
"height" : 842,
"width" : 595
},
"2" : { "(id)" : "2",
"(name)" : "Weitere Seiten",
"(type)" : "template_part",
"background_color" : "FFFFFF",
"background_image" : "",
"height" : 842,
"width" : 595
},
"3" : { "(id)" : "3",
"(name)" : "Positionen Header",
"(type)" : "template_part",
"background_color" : "FFFFFF",
"background_image" : "",
"height" : 50,
"width" : 400
},
"4" : { "(id)" : "4",
"(name)" : "Positionen",
"(type)" : "template_part",
"background_color" : "FFFFFF",
"background_image" : "",
"height" : 150,
"width" : 400
},
"5" : { "(id)" : "5",
"(name)" : "Rechnungstotal",
"(type)" : "template_part",
"background_color" : "FFFFFF",
"background_image" : "",
"height" : 100,
"width" : 400
},
"6" : { "(id)" : "6",
"(name)" : "√úbertrag",
"(type)" : "template_part",
"background_color" : "FFFFFF",
"background_image" : "",
"height" : 100,
"width" : 400
}
},
"template" : { "createdAt" : "2010-03-30 18:13:05",
"createdBy" : null,
"id" : "14",
"name" : "Invoicetemplate",
"updatedAt" : null,
"updatedBy" : null,
"user" : null,
"usersId" : "3"
}
}

But it is possible to access the store to get the data as an object and process it...

Greetings,
Urkman

Urkman
31 Mar 2010, 2:20 AM
Hello,

I'm facing an extJs bug with my designer:
http://www.extjs.com/forum/showthread.php?t=90794

I reported it more than two month ago, but never got an answer...
This bug is really annoying :-(

Greetings,
Urkman

IITCORP
1 Dec 2010, 12:19 PM
Hi, I am very interested for that type of designer, are you close to have a release version?