ExtJS load views dynamically for dashboard widgets - extjs

In my ExtJS 4.2.1 Application I have a dashboard screen where Im showing some charts and grids.
I have been requested by my client to allow the user to add custom widget (from a static collection of widgets) so the dashboard will only show the widgets that the user wants to have.
So I have to create the widgets dynamically depending on some JSON that I will send from server when the user logins. But i have no idea how to implement this.
The process that the user will follow will be the following:
On my dashboard view I will have 4 panels (table layout).
Each panel will have a tool (gear icon).
The user clicks on this gear icon and a window will be shown with a list of available widgets he can assign to that panel.
The user selects the widget that he wants to add to the selected panel and he pressed the button "Apply".
On button clicked event the preferences will be saved on database.
The next time the user logins in to the app, the preferences will be loaded into the initial JSON so the widgets can be loaded into each panel.
Does anyone have implemented this kind of approach?

I will try to explain for a single panel then u can extend/use that on multiple panels(may be using tbl layout). Say we have some charts view files already created(for this ref charts tutorial on extjs docs), The charts files should have a config (custom config) through that we will pass the real time/dynamic data requied by the chart.
So For first time we will allow user to select chart/widget options from list we we will create chart/widget on its select event as well as save the name of the widget or any other extra settings provided in that widget along with user details in database.
Next time when user logs in we have to retrieve the widget name etc from db and create a widget dynamically on page laod event and display.
Hope this clarify your understanding.

Related

Control Page Layouts in Salesforce Programmatically

I have a page layout xyz for a custom object. There is a picklist and a lookup field in that layout. I want to make picklist default value to something when the page loads itself by checking some values programmatically.
Do we have anything to check when page gets loaded (Any event or something) which we can capture in apex. Or there is just one option to create lightning web component for this form

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.

"Form region" for calendar views in outlook add-in

Overview: I would like to show a "form region" when calendar is selected in Outlook. I also would like to show some custom HTML content in the reading pane (or any pane like task pane adjacent to main calendar pane).
Questions:
Are API add-ins allowed for Calendar views in Outlook?
Are & custom form regions allowed for Calendar views in Outlook?
Would it be possible to show Custom form region here in Calendar's reading pane when no specific time is selected in the calendar?
Would it be possible to show Custom form region here in Calendar's reading pane when specific appointment type is selected in the calendar?
Create a task pane instead - see https://msdn.microsoft.com/en-us/library/aa942864.aspx and https://msdn.microsoft.com/en-us/library/bb296010.aspx.
Takes panes can be displayed both in explorers (that is what you need) and inspectors (similar to form regions).
Unfortunately it's currently not possible to open an Outlook Add-In in 'Calendar/meeting view' using the 'new' office add-in model. It's only possible to open it in Mail Read or Compose mode and Appointment/meeting Read or Compose mode where a single item is opened. Maybe you could create a UserVoice for this?
OfficeDev UserVoice

Add a new page at runtime in WPF on button click

In my application I need to create a new XAML page/usercontrol at runtime. The use case is like:
User Clicks on add page button on the main window.
A new XAML page gets added to the application.
User can design the page by adding controls from a custom tool bar and save the page.
User can also add event handler to navigate between pages.
Please let me know how can I go about this.

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

Resources