I am developing UI form that has infragistics grid. Users can delete, submit some records in the grid. Because of long running task (deleting, insertion...) some grid records have to display the static or dynamic progress. To improve UX I think to add a virtual column that can display animated gif or just draw a fixed or animated text. How can I implement this functionality with that grid?
I suggest to look at the samples installed with your NetAdvantage controls.
In particular the samples on:
Alpha blending (display a background image with various level of opacity)
Flood fill (Use a cell or column as progress bar)
Special effects (Pulsing or blinking a cell)
Related
I saw a viz in the company's repository, and I wish to replicate one of the feature.
The viz is consist of several pages with an introductory page. The introductory page contained a lot of information with a scrollable canvas, while other detail page had a fixed-to-window way of presenting data, showing each segment in one screen without the overall scroll bar.
What I want to know is how to only make one or part of the pages in the dxp file able to enable the scroll bar (larger canvas height), while the rest having the fit-to screen way of displaying the viz. Any approach will be appreciated.
PS:
The Document Property→General→Visualization area size→Custom size method changes the canvas size of all visualization table. Which is not able to fulfill this feature, as this property changes the canvas size of all pages in the dxp file, which is not what I expected.
sounds like they used a Text Area but it's hard to tell without seeing the document.
you can insert a Text Area the same way you do a visualization (via the toolbar or the main menu). you can then right click the Text Area to edit it either with the WYSIWYG editor or in raw HTML. Text Areas will show scrollbars to match the length of your content.
I have implemented a calendar view (GitHub). When you click on a day cell, a NSTableViewRow is inserted below, containing details for the day.
Insertion and deletion is animated as NSTableViewAnimationSlideDown and NSTableViewAnimationSlideUp respectively. The standard AppKit components seem to simply vanish during the animation. That was weird enough for a few test labels, but Core Plot and it's CPTGraphHostingViews don't play along nicely:
The plot view (containing 1 bar plot) appears outside the visible range of the row view and jumps into place once the row finished its animation. See animated GIF below:
The row view contains a custom view with 2 labels and 1 plot view. The custom view is pinned to all 4 edges of to the row view via AutoLayout (in code). I added Auto Layout constraints to the plot and labels relative to the edges of the parent custom view. I had hoped this would resize the plot according to the animation, but it doesn't seem to resize but move instead (slide not shrink).
How can I stick the plot view to the row's bottom during animation and clip it while the row slides?
Ordering the plot behind the rest of the table seems to be my first problem here.
I have no clue why the plot, drawing above the rest or not, doesn't slide animated.
Turned out it was an issue with Core Plot being based on CALayers, which don't animate well in a solely view-based table. After fiddling with different ideas for a while, I got it working with setWantsLayer:YES, sent to the container view (not the NSTableView! That didn't work out well).
This can be done in Interface Builder easily:
jqGrid offers a bunch of fantastic features, but there is one feature missing that my customer keeps on complaining about (OK, he is never really satisfied with what he gets ) and that's proper vertical and horizontal scrolling. The grid I had to set up contains about 20 columns with some columns containing longer text so the grid won't even fit a 24″ screen. To properly layout the grid and the rest of the visual components (i.e. additional search and filter functions above the grid) I moved the grid to a scrolling div being about 95% of the screen width with a horizontal scrollbar to scroll the oversized grid, the problem with that workaround is that you won't see the vertical scrollbar of the grid itself, it only becomes visible if you first scroll to the right and that's not really comfortable.
Hope my explanation is comprehendible? If someone knows a good workaround, I would be eager to know it! Otherwise a "dual scrolling grid" would be a nice feature in 4.5
Thanks a lot!
Video example http://screencast.com/t/gPdOVPQlRc
jqGrid have many many options. It could be a problem with usage of jqGrid. The grid with many columns could be displayed in different ways.
One way is just to display full grid on the page and to use scrollbars of the browser windows. If you have simple page layout then the way could be really the best.
Another way could be to use shrinkToFit: false option. In the case you should specify the exact width values for columns in colModel. If you use shrinkToFit: false option you can set width option of jqGrid. In the case horizontal scrollbars will be placed in jqGrid.
In many cases the grid with many columns contains not always really interesting information for every user. So it can be helpful if you would provide columnCooser in the grid. Additionally you can save the users preferences in localStorage (see the answer and another one). It could improve user experience.
You don't wrote about the height of the grid, but the usage of height: "auto" produced typically good results.
I'm have some data output text boxes (text boxes with no border and with the same background as the rest of the window) that I'm trying to align with a standard edit control + spin button, to represent a column of numbers, one of which can be edited:
I can manually align these in the Delphi / C++Builder form designer, but when I then view the form on a different version of Windows or at a different DPI, the text is no longer right-justified, presumably because of differences in the spin button spacing, borders, etc.
I can use EM_GETMARGINS to determine the width of the spin button, but how can I determine the size of the edit control's margins and borders? I've tried various combinations of EM_POSFROMCHAR, ClientToScreen, GetSystemMetrics(SM_CXBORDER), GetSystemMetrics(SM_CXEDGE), and GetThemeMargins, but so far, I can't find a combination that works and makes sense.
More details:
Environment is Delphi / C++Builder XE2.
The data output controls are TEdits with BorderStyle bsNone.
The edit + spin button is a TJvSpinEdit. From viewing its source, it uses EM_SETMARGINS to allow space for its spin button.
Use the Win32 API GetWindowRect() and GetClientRect() methods. The bordering will be the difference between the two rectangles. That will only give you the bordering, though. There could be extra spacing inside the client area.
I want to display a number of images in the same position so that it looks like animation. these images should come one after other within microsecond at the moment when the screen loads
There is a very good example of what you want to do on the supports forum knowledge base article Display an animatedGif
See the progress animations section of the BlackBerry knowledgebase article "Implement advanced buttons, fields, and managers"
It has a working code sample for slicing up an image of concatenated frames, and displaying each one for a period of time to create a progress animation.