How to create custom UI components? - user-interface

I am developing a desktop application with tkinter(Python). The problem I'm facing is with the UI. I want to create something totally different from native UI. I tried customizing all the components but was not able to achieve that.
What options (other languages, frameworks) are available which I can use to develop my application with fully customized UI components?
In short:
My application looks like this-
But I want to create something like this-
What are the best options I can try to create this kind of UI?

Related

Recommendations on templates/libraries for a reporting web porting with kendo ui asp.net mvc

I am looking into building a responsive modern web portal, primarily for reporting purposes like data, stats and few charts. Especially for charts I plan to use Kendo UI controls. Apart from that are there recommendations on what templates to use with ASP.NET MVC such as bootstrap or something else that gives a good look and feel to the web UI? I am new to javascript so something that is quick to pick up, or with good documentation also would work.
The kendo ui controls come with a number of themes that are perfect for this type of exercise (I'm doing something similar to you with a "reporting" portal. I have found that the bootstrap and flat themes are the best to use (flat for graphs looks amazing). If you look at the kendo demo's they will show you the power of the suite especially this one: http://demos.telerik.com/kendo-ui/bootstrap/ it shows the integration with bootstrap really nicely and is probably something similar to what you may be after.
I am using the kendo controls with the bootstrap theme currently for my project and they seem to fit well together, like you I'm not the best at javascript (although I have learnt loads just using these two libraries) - Thanks Telerik for the MVC helpers!

Date time format UI

My app shows many dates/times and I would like to allow user to create its own format using a friendly interface like the OSX system UI shown in image
I can't find any cocoa or CF API to show a similar panel, if possible I prefer don't re-implement it from the scratch.
Anyone can point me if this panel can be shown from standard API or if exists a ready to use component?
You're looking for NSTokenField, though you will need to do some modifications to make it work for your case.

Using extJS GUI only

I am building a web application using a PHP MVC framework and jQuery, but I would like to use extJS layouts as the GUI of the Application. The whole core of the App is built using the framework and jQuery, I just want to use ExtJS to create the Layout. It will consist of a two column style with a left menu and tabbed navigation; it is the only I want to use from ExtJS.
The question is: Is it worth it? (taking into account the license restrictions and the large ExtJS is). Are there some alternatives?
Personally I wouldn't do it. Developing with Ext requires quiet some time and is mostly worth it when you use the functioanlity offered by the Ext framework. From yourquestion I understand that you use jQuery for the functionalities of the application and Ext only for the layout. That doesn't seem worth the time and work for me.

Building a WP7 app with tiles using standard controls

I would like to build an app with an interface with touch-enabled tiles similar to WP7 home screen tiles with a background color and different textblocks. Do you know how can I do it using standard controls? Are there already made user controls that can be used for this?
Creating something like the home/start screen could be confusing to users. (You wouldn't create a PC app which looks like a desktop.) Creating something like the hub experiences may be more appropriate.
Have a look at the HubTile in the toolkit. It was created for just this scenario.

UI Framework/Toolkit for Web Applications

Are there any UI Toolkits/Frameworks that can be used for a web application like Bootstrap, from Twitter(http://twitter.github.com/bootstrap/)?
I am currently upgrading an old ASP line of business application and I would like to use a common framework to handle grids, alert messages, forms, etc. I am very familiar with jQuery UI, but it is not as complete as I would like it to be. My main concern is I just want a consistent UI for the application that other developers can use that are not too design-savy.
Also, I would like the application to behave consistently throughout the application.
I don't need a framework for the server-side as I am using ASP.NET MVC. By the way, I am using both jQuery and jQuery UI, but I am looking for something that can fill in the missing blanks.
We have tried so many different options, the most robust and flexible solution remains jQuery and jQuery UI. There are tons of people writing widgets for it, and it is compatible with a lot of technology unlike some other frameworks which limit you, precisely because it is simple and light weight.
What exactly is your reservation with jQuery?
The options we have tried are Google Web Toolkit, Ext-JS and Prototype, none as nice and easy as jQuery.
We are using Telerik Extensions for MVC for all the interactions that we have in our web applications and we are very pleased with it. We use their stylesheets to style our form inputs and buttons. The stylesheet are easily editable if you want to change the theme.
btw, it use jQuery underneath.

Resources