Browser autocomplete suuport in flex (email field)? - apache-flex

Does Flex support browser's autocomplete?
I would like it to suggest my users their used emails for an email field,
as done in html (input type="email" autocomplete="on").

I don't think you can read the browsers autocomplete list, but you could implement your own autocomplete component in Flex, give http://hillelcoren.com/flex-autocomplete/ a try!

Does Flex support browser's autocomplete?
You will not be able to access any browser specific data inside of a Flex app. Flex does not have an AutoComplete component built in; but there are a few out there.
I prefer ours for obvious reasons; so I suggest checking out the Flextras AutoCompleteComboBox component, which has an MX Version, a Spark version, works on mobile and is available for free for production use.

Related

Is Flex Label baselineshift supported on mobiles?

I need to create subscript text for mobile. I read at http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Label.html that label's baselineShift property is not supported on the mobile theme. So I created a plain mobile project using the default mobile theme with a couple of test labels and in the FB 4.5 emulator the baselineshift worked fine.
Why then do they say that it's not supported? Is there anything to stop me going ahead and using it?
It doesn't sound like here is anything to prevent you from using it. When something like this isn't "supported" it generally means that Adobe is afraid of performance issues that may result in using this.

Need a jQuery plugin that modifies a CSS

I'm trying to create a page that allows a user to change the "look and feel" of the site. I would like to use something similar to jQuery's ThemeRoller or FireFox's Developer Tool.
I can't force the user to use Firefox and I don't need all the options that the ThemeRoller has. I'm really only looking for header, background, font size and font type.
Any suggestions?
Thanks
Try a Stylesheet Switcher, it can be as advanced as you want and this will give you a lot more control the simple Div targeting.
http://www.dynamicdrive.com/dynamicindex9/stylesheetswitcher.htm
If your concern is transferring fewer/smaller files and you really want to avoid jQuery UI, it would be quite easy to develop a small jQuery plugin to modify background, font-size/type, and some header stuff.
Since you ask about jQuery specifically, I assume you have some experience working with it. Check out the plugin authoring documentation at http://docs.jquery.com/Plugins/Authoring
If you aren't worried about transferring fewer/smaller files, just use jQuery UI themeroller and ignore the features you don't want.
I couldn't find a plugin that already did this. I used Brosho to give me a base starting point. Brosho basically set's "Brosho: css info" to the element using the attr method. Then scans the entire document for Brosho to create the CCS to export.
Store the user's style attributes in a datastore (cookie or server based). Then on each page of the site have something like the following if user's preferences are stored server-side:
$(document).ready(function() {
$("h1").css('color','<% =UsersHeaderFontColor');
$("body").css('color','<% =UsersBodyFontColor');
$("body").css('font-size','<% =UsersFontSize');
$("body").css('font-family','<% =UsersFontFamily');
});
If you want to get from a cookie, then there's a nice jquery cookie plugin that would allow you to set/get cookie name/value pairs.

How do I set Hotkeys in Flex?

I'm new to Flex and i want to bind STRG+I to trigger a function.
How do i do that ?
Well, there's different things. I haven't personally done it yet, so after checking some Adobe documentation here what I found.
One can use flash.ui.Keyboard class in order to have a full keyboard control for your application. That would mostly require AIR tho, since the hotkeys are quite limited inside a browser.
In the case you're not in AIR, but in the flash player sitting in the browser, you can do it using simple event handling. Here's some nice tutorial how to do it:
http://tutorials.flashmymind.com/2009/02/actionscript-3-keyboard-events/
Hope it helps!

Flex appending history tracking elements below application

I've got a Flex application that uses link buttons. As soon as I incorporated the link buttons (I assume) the Flex framework started putting history tracking elements below the app in the DOM. For example IE6-8 get an iframe element with id of ie_historyFrame, chrome/safari get a safari_rememberDiv and FF gets a firefox_anchorDiv.
Now, there would be no problem if these elements were hidden by the framework, but they're not. The sit underneath the Flex app (visually and in the DOM) and have a bunch of serialized history data.
I was wondering, is there a way to hide them through configuration or code? I know I could hide them via CSS but it just seems nasty that I'd have to use CSS for something that Flex is supposed to manage. I want the application to be site independent.
Cheers
Assuming that you're using Flex Builder, go into the project's properties under the "Flex Compiler" options and uncheck the "Enable integration with browser navigation" checkbox.
The answer by brd6644 worked for me. You have to recreate the files then export the application.
Put historyManagementEnabled="false" on <mx:Application> tag.
Are you using SWFAddress or something else of that nature? Flex doesn't have this functionality and LinkButtons don't make any ExternalInterface calls.
It seems that flex creates a history folder with a history.js and history.css file. History.js controls the history data and history.css - you guessed it - hides the history elements. So the solution is to just use the history.css file on pages with the flex app.
Why the developers did not make this configurable, i don't know....

Flex Builder 3 design view, css not being applied

I have Flex Builder 3 installed on two Windows machines and the same project on both of them. On one computer, the CSS styles I defined are shown in design view; on the other computer they are not applied. Is there any reason why it might not work on one?
Have you checked the preferences under Flex/Editors/Design Mode? That has a skin rendering option, could that be it?
Sometimes when I first switch to design view the CSS is not applied until I hit the refresh button.
The compiler probably uses by default the "Use the server's SDK" (Coldfusion??)
Right click the Project and select "Properties", select "Flex Compiler" and then select the correct SDK version. It has to be 3.x to be able to use the design view for CSS files.

Resources