Can we have 1st field on a new tab (popup) in focus

BLOMASKY

I notice when I have a popup or new tab open, I have to press TAB to get to the 1st control on the form / tab. Is there any way to change this as the default behavior? I would even PAY for this functionality.

Bruce

customaware

And to go further, I would also like to not only select which Form attribute to park on when the Form opens but control the exact order that
Tab forward and Tab backwards takes between attributes.

Now, I would definitely contribute for that.

hpl123

aware_support

Controlling tab order is available in the Aware IM form editor.

Setting the focus for the form in the "editing" mode has been considered but disabled at the moment because it automatically selects the text in the control under focus. If you are a JS guru you can override Aware IM implementation with your own in your own JS file. The method is called setFocus and it is in the AwareApp_FormParser object. This is the text:

(to enable the focus just remove the two conditions that check for the "edit" and "view" form context)

setFocus: function (sectionName)
{		
	if (this.m_fields && (! this.m_formContext || (this.m_formContext != "edit" && this.m_formContext != "view")))
	{
		var firstTabIdx = null, focusSet = false;
		for (var i = 0, len = this.m_fields.length; i < len; ++ i)
		{
			var f = this.m_fields [i];
			var tabIndex = f.getTabIndex ();				
			if (tabIndex && tabIndex == "1")
			{
				firstTabIdx = f;
				if ((! sectionName || sectionName == f.getSectionName ()) && f.setFocus ())
					focusSet = true;
				break;
			}
		}
		if (! focusSet)
		{
			for (var i = 0, len = this.m_fields.length; i < len; ++ i)
			{
				var f = this.m_fields [i];
				if (f != firstTabIdx && (! sectionName || sectionName == f.getSectionName ()) && f.setFocus ())
					break;
			}
		}
	}
},

BLOMASKY

I must have miss understood the instructions
went to aware / Tomcat / Webapps / AwareIM / Aware_Kendu / Parsers
Opened the Formparser.js file and replaced the setfocus conditon line with:

	if (this.m_fields && (! this.m_formContext  ))
	{

Nothing changed in behavior. I put some console logs before this line and I didn't get any indication that I even hit this function. What am I missing?

You mention that we can create our own, but if this does the work, then I am happy.

Bruce

aware_support

This is not how you override the Aware IM code. First of all the Aware IM code is in the file aware.js. It is minified and very difficult to modify. (the full versions of the code are provided for reference only). Second of all you should not modify the Aware IM code directly, because you will have to do it after every update.

Instead try the following in your custom Javascript:

AwareApp_FormParser.prototype.setFocus = function (sectionName)
{
// your code here
}

BLOMASKY

OK, If I put the code in the Initialization script on every form that I want to have the 1st field have focus, it does work. I was hoping to have a global option, however, I am pretty good with Copy and Paste!

Now to Queries.

Many of my queries, are using the Filter option where there is an editable filter box above the column. How can I have the 1st one of those in focus? (Some of my queries have buttons on the top panel, so above the filters. I do not know if this affects the code.)

It seems like I would like to do "parser.m_filtersInfo.attrs[0].setFocus()" OR
"config.columns[0].filterable.cell.focus()"
But of course, neither one works.

Bruce

aware_support

You should do it in the "Advanced" script of the query (in the "render" part of it).

You need to find the right input element using jQuery and then use the focus method:

$("#" + parser.m_widgetInfo.wrapperId).find (elementSelector).focus ();

The above will find the element INSIDE the query markup only. The question is to identify the "elementSelector". Use browser inspector in Chrome to find the input element and see which selected you can use to find it. For more details on this watch the CSS/Javascript tutorial