In my application we have a RadGrid on which we can double click and have a row in the editable mode in the table. There are bunch of controls in the row and one of the column has checkbox and other has few links ( tag) when I jump from one control to other by tabbing.. the other controls like text and combo gets the focus... however the check box and links despite havig the focus do not show the Focus Ring around it
This code works perfectly in Chrome where as not in IE8.
Anyone has any suggestions or pointers.
Kind regards,
Prashant
Finally after lots of trial and error I figured out the issue is with the positioning of the control in the telerik grid. When I added the CSS "position : absolute" to control it started to work.
Related
I would like to work with a tabstrip in my OpenEdge Progress-4GL environment, but I can't make it work.
"No problem: there's an example on the Progress website.", you might say, and indeed on this URL there's an example of a tabstrip (you might need to download the mentioned "TabStrip_sample.zip"), where a Listview is placed on one of the tabs and a Treeview on the other tab. (Don't be afraid: the zipfile only contains source code, bitmaps and an automatically created *.wrx file, which won't harm your computer)
Now the question: how on Earth did they do it?
Into the file "dbtest.w" let's have a look at both tabs at design time (after having resized the Listview):
It is clear that all components are put on the TabStrip component, so the linking between the tabs and the components should be done at runtime (just as mentioned in the URL), but here's the catch:
There seems not to be any event handler ON ... CFTabStrip or anything in the code.
The keys ("Db_tbl" and "Db_sch") NOR the indexes (1 and 2) of the individual tab pages, mentioned in CFTabStrip's property editor, are nowhere to be seen in the code.
Can anyone explain me how they did it?
Thanks in advance
The "magic" is in PROCEDURE CFTabStrip.TabStrip.MouseDown, which checks if the horizontal location (x) would have meant the first tab or the right tab and then hides / shows one or the other.
Pretty clunky, but if you look at the header, this example was created nearly twenty years ago to work with Progress 8.
I've noticed sometimes the keyboard tabbing for focus gets messed up. In this case I am using a Blueprint Dialog component which contains a form to be submitted. The form is built with Redux Form wrapped Blueprint input components. When the dialog first opens I can tab to the concentration field of the form. The next two tabs focus hidden elements (see first image below). Then the "x" to close the dialog is focused, then the concentration field is focused again, and finally I can tab and focus the remaining fields and buttons.
Any tips on how to improve this? Its not clear to me why the pt-overlay-backdrop nor the pt-overlay-content would ever want to be tabbed into. I see they both have tabindex="0".. maybe that should be -1?
Thanks!
Set Dialog's autoFocus to false can fix this issue.
We use Slickgrid and we have a minor issue when changing to the next page. The editor is active/visible. When the grid is loaded and all data is displayed, we click in e.g. the first row in the grid in order to activate the editor.
When we navigate down in the grid, when we press the down-key on the before-last row, like expected the new page loads data. When the data of the new page is displayed, the editor is not active on the first row, but when we press the down-key the editor becomes active/visible again on row 2.
Then when we press the up-key once, the editor is also active/visible on row 1. It's strange that the editor went off upon page-transition. Also when we press the up-key on the first row of the second page while the editor is visible, the previous page loads, but again the editor is no longer visible (on the last row of that page). But when we press the up-key once again the editor appears again on the before last row (without clicking the mouse).
We tried the normal editor instead of the custom editor but this didn't solve it.
What can be the cause of this or in which event/function etc. we should look? Can it be a missing javascript or css include? Viewport or pager or the data loader?
Fortunately the issue has been solved today.
The cause was that we called the SlickGrid function EditActiveCell before the data of the new page was loaded. When this was changed in order that EditActiveCell was called after the loading of the data, the grid behaved like expected.
Inside a MFC dialog, I have 2 overlapping rows of text boxes (what user can see is only one row). when I clicked a button, i shifted down the row at bottom, so now user can see both rows.
The problem is if I have some data loaded in DoDataExchange() for the text boxes, I wouldn't be able to see them showing when the dialog boots up. But when I click inside the text box, the data shows.
I want to know what exactly happen when I clicked a UI? What drawing functions are invoked at backgrounds? So I can fix my problem.
Thank you.
ZQ
Nothing is drawn when you click, maybe you are seeing an Invalidate() being triggered for some reason that redraws the text boxes. Or maybe the parent control (dialog, I assume) doesn't have WS_CLIPCHILDREN set, or some other funny things are happening with the WS_CLIPXXX flags (they're somewhat of a black art).
More to the point, use Spy++ to check what 'happens' when you click - i.e. the messages that are posted at each point in time.
I'm using Ajax TabContainer with a number of tabs,and IE as browser.
On one of the tabs, which is created and added dinamically, I'm showing a number of charts.
Sometimes some of the charts are missing, and after changing tab or selecting the area by mouse, the chart apears.
This problem exists only in production environment, in other words, in development environment there is no problem.
Thanks very much in advance for any help.
I could fix the issue, even though in a tricky way.
I forced the tabContainer to redraw after the page is loaded:
setTimeout(function() {
var tabIndex = $find("<%=TabContainer1.ClientID%>").get_activeTabIndex() ;
$find("<%=TabContainer1.ClientID%>").set_activeTabIndex(tabIndex);}
, 4000)
It does nothing but activating the tab which is already active.
However, I'm wondering if there is any better resolution.