Jump to content

[TOPIC: topicViewTemplate]
[GLOBAL: userSmallPhoto]
Photo

Corona Business UI/UX Framework
Started by Christopher Bishop Apr 03 2015 08:51 AM

15 replies to this topic
[TOPIC CONTROLS]
This topic has been archived. This means that you cannot reply to this topic.
[/TOPIC CONTROLS]
[modOptionsDropdown]
[/modOptionsDropdown]
[reputationFilter]
[TOPIC: post.html]
#1

Christopher Bishop

[GLOBAL: userInfoPane.html]
Christopher Bishop
  • Contributor

  • 416 posts
  • Corona SDK

So just created the gitHub for this project, will be getting all the code up over the course of the following week.

 

You can clone the GitHub here.

https://github.com/Purplebean/CoronaBusinessUI.git

 

After lots of feedback on the UI I wanted to break it up into widgets so not all stuff had to be used so for example you could use the basic "Layout" widget to just design your ui and use all custom stuff without having to use any other parts of the code etc. and so forth.

 

I also reworked the "entire" UI to have a more modern feel across platforms and started building a theme engine to make it easier to change styles/colors across the board.

 

For any of you following along, over the course of the next week I will be pushing up a widget at a time just to get all the working pieces up then I will build an example application which should cover all the widgets like buttons, navigation, lists, login, calendars, notifications, and some misc other stuff... feel free to request a widget as well.

 

Here are some quick shots of some of the widgets (only allowed to post so many screenshots so here are just a few)  :)

 

The basic layout engine which allows you to create a UI layout not unlike you would do in html.

 

layout_engineB.png

 

Slide out menu with actions.

layout_engineA.png

 

Buttons and Text Buttons

buttons.png

 

Dropdown Selection

dropdown.png

 

Dropdown with Type Ahead

dropdown_filter_type_ahead.png

 

 

Input Styling and Fonts

loginB.png

 



[TOPIC: post.html]
#2

walter

[GLOBAL: userInfoPane.html]
walter
  • Moderator

  • 726 posts
  • Alumni

Looks really cool!



[TOPIC: post.html]
#3

jari.huomo

[GLOBAL: userInfoPane.html]
jari.huomo
  • Observer

  • 8 posts
  • Corona SDK

Looks great! Can´t wait to play with the project :)



[TOPIC: post.html]
#4

horacebury

[GLOBAL: userInfoPane.html]
horacebury
  • Corona Geek

  • 3,069 posts
  • Corona SDK

That's some really nice work there. Well done.



[TOPIC: post.html]
#5

gtatarkin

[GLOBAL: userInfoPane.html]
gtatarkin
  • Contributor

  • 366 posts
  • Corona SDK

For any of you following along, over the course of the next week I will be pushing up a widget at a time just to get all the working pieces up then I will build an example application which should cover all the widgets like buttons, navigation, lists, login, calendars, notifications, and some misc other stuff... feel free to request a widget as well.

 

Great work Christopher - except my client ask about accessibility and this is where Corona faild. So I build mobile business app using html5/css3/js frameworks like materializecss or foundation zurb and native.webView with lua in background. CoronaCards should be choice for me but whole UI you have to build in native UI framework so this way is just faster.

 

Best regards



[TOPIC: post.html]
#6

Christopher Bishop

[GLOBAL: userInfoPane.html]
Christopher Bishop
  • Contributor

  • 416 posts
  • Corona SDK

Thanks :)

 

Actually I have gotten a LOT of requests for html5 based layout as well etc. Then I remembered that I actually own the domain visualstudiotutorials.com (not that it has anything to do with this) but decided I would put it back online so going to relaunch it on May 1st and will have an entire section devoted to corona etc.

 

Someone actually just said that there is no way that I can build my UI stuff into html 5 that fast it would take months and well hey because I like a good challenge...

 

2HRS LATER...

 



[TOPIC: post.html]
#7

Alyousef

[GLOBAL: userInfoPane.html]
Alyousef
  • Enthusiast

  • 55 posts
  • Corona SDK

Looks great.. very nice work!

[TOPIC: post.html]
#8

anil8

[GLOBAL: userInfoPane.html]
anil8
  • Contributor

  • 124 posts
  • Corona SDK

Hi Christopher,

 

 

The screenshots on the GitHub look extremely cool and am itching to try out your framework.

 

Is there an ETA for when the widgets and the bulk of the framework will be uploaded?

 

 

Thanks in advance and keep up the great work!



[TOPIC: post.html]
#9

Christopher Bishop

[GLOBAL: userInfoPane.html]
Christopher Bishop
  • Contributor

  • 416 posts
  • Corona SDK

No ETA other than pretty soon I am launching it at the same time I launch my new tutorial site which is scheduled for the 1st but trying to get everything up a little faster :)



[TOPIC: post.html]
#10

Richard17

[GLOBAL: userInfoPane.html]
Richard17
  • Enthusiast

  • 89 posts
  • Corona SDK

Looks slick. Shame it wasnt around while I was writing TaskPad+ 

 

http://taskpadplus.com/ 

 

Do you know when you might get it out ?

 

 

Screen%20Shot%202015-01-14%20at%2020.33.



[TOPIC: post.html]
#11

r00tb33r-edu

[GLOBAL: userInfoPane.html]
r00tb33r-edu
  • Observer

  • 12 posts
  • Corona SDK

Looking forward to this.  How's it coming?



[TOPIC: post.html]
#12

scoots987

[GLOBAL: userInfoPane.html]
scoots987
  • Observer

  • 3 posts
  • Corona SDK

Hi Christopher, what you did with the HTML/aspx was fun to watch but what does this have to do with Corona/Lua? Just the challenge? If you can do this in aspx why then in Corona?

 

Thanks



[TOPIC: post.html]
#13

anil8

[GLOBAL: userInfoPane.html]
anil8
  • Contributor

  • 124 posts
  • Corona SDK

Hi Christopher,

 

 

Any update on when the library will be made available?

 

 

Cheers



[TOPIC: post.html]
#14

anil8

[GLOBAL: userInfoPane.html]
anil8
  • Contributor

  • 124 posts
  • Corona SDK

Hi Christopher,

 

 

I have been away for a little while and was wondering if the library is now available.

 

 

Thanks



[TOPIC: post.html]
#15

jscript12

[GLOBAL: userInfoPane.html]
jscript12
  • Enthusiast

  • 61 posts
  • Corona SDK

Hi Christopher,

 

Any update on this?



[TOPIC: post.html]
#16

Christopher Bishop

[GLOBAL: userInfoPane.html]
Christopher Bishop
  • Contributor

  • 416 posts
  • Corona SDK

Haven't had time to get this onilne been swamped writing encryption software so haven't even had time to open corona in a very very long time, I will see what i can do about getting a breaking point and putting something up to github it is all pretty simple just time consuming...

 

You can do business apps with Corona all day long just a matter of managing the data correctly and writing logic to account for different device sizes which is actually easier now than in previous versions of the sdk.




[topic_controls]
[/topic_controls]