Extjs notification popup with Sencha Architect - extjs

I want to create a notification drop down menu like the one on Facebook. I'm getting data using signalR.
For the design, I couldn't find a perfect control. I tried using menu dropdown but it does not look good. Can anyone suggest or give me a sample code for notification drop down using Sencha Architect?
I want it to look similar to this:

You could use the "showBy" method to show the panel below the button, here's the fiddle: https://fiddle.sencha.com/#fiddle/19cc
"showBy" details here: http://docs.sencha.com/extjs/6.0/6.0.2-classic/#!/api/Ext.Component-method-showBy

Related

Best practice to handle extjs refresh page

I wrote an ExtJS application like this:
the sub menu is dynamic added by clicking the button on the left.
The question is :
as the sub panel is created dynamically, so if I refresh the whole page, the panel will go away.
What I expected is it could still display the same content before refresh pages.
So, my question is how to handle this in ExtJS?
Do I need to record the current panel information into Ext.App?
ExtJS is a framework to build Web Applications that run inside the browser.
With Web Applications, just like normal applications, you don't close the program and start it anew (like a browser refresh does) just because someone wants to switch to a different toolbar or look at different data. You work with multiple panels, switch between them, and/or open windows.
You could for instance generate multiple panels inside a container with card layout, and bring to front the panel that you want to show right now.
If you have a license that allows you to use Sencha Architect, there is a nice "navigation" sample available in Architect from where you can start and look at how it's done.

Gmail style autocomplete picker for WPF

I'm looking for a WPF control that looks and functions like gmail address bar. Essentially, i want a textbox based multi select picker with autocomplete. I tried searching around, and I couldn't find any. Is there something readily available?
Although it is paid component, check out Telerik RadAutoCompleteBox component.
The screenshot is taken from official WPF demo application. You can download demo application at here: http://demos.telerik.com/wpf/

WPF Standalone Application showing different views

I am building a WPF Standalone application. It consists of a menu on the left of the window and when a menu option is selected I want a page showing content related to the option selected shown on the right hand side of the window.
If a user selects a different menu option then the new view will be loaded.
If the user selects a previously selected menu option then that view will be shown but it will have held it's state. So if has a result set for customers with "bob" as a first name then when I view it again the result set will still be showing.
My questions is what is the best way to implement this.
Pages are not suitable as the app will not be viewed in a browser.
I could not see a Master Page -> content layout approach.
So is it a case of loading custom controls?
I am using the MVVM pattern.
Any help would be appreciated.
You could use TabControl with TabStripPlacement value set to "Left" - is that what you are looking for?
I managed to implement something similar detailed here using "workspaces". http://msdn.microsoft.com/en-us/magazine/dd419663.aspx

Using Multi select grid sencha ext js 4.1

I am new to Sencha. In one of my projects I have to use a Multiselect Grid Panel and update the store to and from the Grid. I have no clue as to how to achieve this.
I will highly appreciate if someone can send me their sample code or even links that display the usage of Multiselect grids. I found a few but unfortunately those links dont use Ext JS 4.1.
Thanks guys
First, have a look at the API docs:
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.selection.RowModel-cfg-mode
http://docs.sencha.com/ext-js/4-1/#!/example
Then look at the infinite grid example:
http://docs.sencha.com/ext-js/4-1/#!/example/grid/infinite-scroll.html
Oddly enough, this example uses an undocumented "multiSelect" config on the grid... but it could have been defined on the selection model per the API docs.

Iphone Style checbox

I am developing a WPF application an need checkbox like we do inIphone interface.
I am able to get that done with help of this.
But I want user can silder the slider as they can do in Iphone. So they can either click or silder the slider to toggle the check box.
Thanks in advance
EDIT
Also found this link that enables to use WP7 togglebutton in WPF. But am unable to see any output.

Resources