How to create a nice add button to list view like in the Weather app? - windows-8

Following these steps:
Open the Weather app.
Right click
Click on places
See that little item with the + symbol? I want to do something exactly like that, the looks and behaviour.

Assuming you are just trying to get some basic ideas about metro-ui controls and you are on Release Preview.
When you do right click, the control that's being triggered is called App Bar. The "place" button is a App Bar Command. Clicking on the button will take you to another page (HTML or XAML). This page contains a ListView control with GridLayout. You can dynamically change the ListView Template and assign different actions to the itemInvoke event.
Here is a quick tutorial for App Bar and commands:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465309.aspx
Here is a quick tutorial for List View control:
http://msdn.microsoft.com/en-us/library/windows/apps/hh465496.aspx

Related

Add global button in CRM

Is there a way to add a new button to ALL PAGES in CRM?
I have tried different ways but in some views, the new button is shown at the end. Im trying to found a way to create a button and place it as first button, to any view, entity and page in CRM. Is this accomplisable?
I'm afraid that out-of-the-box buttons will often take precedence over custom buttons, and the only way to change that would be to hide the out-of-the-box buttons.
I'm assuming you are adding the button via the Application Ribbon, correct? (not every single form and grid)
You can add items to the "Jewel", (the dropdown from "File" in the top left). It's not exactly the same as putting it in the ribbon because you have to make an extra click, but it should show up globally.

How can I make a navigation bar that navigates between pages in VB.NET?

I want to make a program that has a couple of categories on the top that you can navigate through. for instance: 'Home' 'Patients' 'Appointments' 'History' etc..
Every category you click shows its own buttons and labels on the screen.
(Just like the categories you see when you go to the Properties of any file on the desktop: 'General' 'Sharing' 'Security' 'Previous Versions' ...)
How do I do that?
If I put all the buttons and labels on the screen and just change their .Visible from True/False based on what category I click, you can see the controls appear and disappear in runtime which is not the correct way to do this obviously.
Any suggestions? is there a Tool that I can use?
Sincerely,
Not sure what you meant, but you should consider using the MDI Application design.
Basically it allows you to create a program in which multiple forms can appear, and each form has its own controls. Most of the time, these type of application use a menu bar, for an easy navigation throughout the program.

How do I implement this type of dynamic UI in a Razor view?

I will start by saying that I am an absolute newbie to web development and to MVC as well.
I want to implement a view for a Subscriber page (part of an MVC4 application dealing with Email marketing). What I want to implement is:
1) When the user clicks the "+ Add a List" button, a new Category should appear on the left and the cursor should blink, meaning it should be ready to receive the name for the category from the user. I also want that whenever the user hovers over any category name on the left, a small bar containing two buttons (edit and delete) should appear which should let the user edit the category name or delete that category. The thing I want is that all of these must happen without reloading the page.
2) When the user clicks the "+ Add Contact" button, a pop up dialog box containing two tabs should appear which lets the user either manually enter the details or upload a CSV to capture the details. Whenever the user clicks the "Add Contact" button or "Upload and Add Contacts" in the pop up dialog box, I want the new contacts to display in the contact list region shown in the picture (once again, without reloading the page). I also want the same hover bar for the contacts too (same as categories).
I am confused as to how to implement this in a Razor view? What do I use - JavaScript/jQuery/AJAX?
I am pretty much lost. Can someone please guide me a little bit so that I can continue and finish my first MVC4 project?
You need some javascript libraries like jQuery UI or maybe Kendo UI, I'd recommend to use jQuery UI at this time. they have many widgets but look at these. and keep in mind that a cshtml view can be look upon like a html page, you can have all tags, css and javascript you want there:
http://jqueryui.com/dialog/
http://jqueryui.com/tabs/
http://jqueryui.com/

bring page to foreground? multipage editor

I'm develpping an RCP user interface. I have a multipage editor in which pages are editors (EditorPart). From a first page in my multipage editor I want to open a second one if a button is pressed. I've managed to do that but the problem that I'm facing is that the created page is visible only if we switch to it, i.e only the tab is visble.. what I want is to directly switch to the new page automatically after its creation. In other words, how can I bring the new page to foreground exactly when it is created.
Can you help me please
Kind Regards,
Jean
It seems to me that the calling the method org.eclipse.ui.part.MultiPageEditorPart.setActivePage(int) should do the trick.

In Sencha-touch, how can I make a form popup when a user clicks on an item in a list?

In Sencha-touch, how can I make a form popup when a user clicks on an item in a list?
I would attach a listener to the 'itemtap' or 'itemdoubletap' events within your Ext.List instance which triggers the display of your form. That's off the top of my head as I haven't touched (rimshot) Sencha Touch since before it came out of beta.
http://dev.sencha.com/deploy/touch/docs/?class=Ext.List
You might want to explore disclosures, which place an arrow on the list item for the user to click, or as Wilhelm says, attach to a regular tap or selection event.
For 'modal' popups, simply create a panel with floating:true. See the docs at http://dev.sencha.com/deploy/touch/docs/?class=Ext.Panel and the examples in the User Interface / Overlays section of http://dev.sencha.com/deploy/touch/examples/kitchensink/
for this i will guide you please go through link which i have give will help You alot
http://www.mysamplecode.com/2012/07/sencha-touch-floating-panel-example.html