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....
Related
We're currently researching if it is possible to on the fly generate/change the UI of a metro app. So far I have seen only that the reflection options are somewhat limited. But perhaps if we're using HTML/JS we can modify the HTML on the fly? Anybody tried something like this?
Will fire up VS later and give it a go, just thought I'd ask here and see if we could have a disucssion on the topic.
Most Javascript-based apps modify their HTML on the fly as this is a pattern promoted by the Navigator template. So for example even just clicking a link and navigating to another page will replace the content of a 'page' container element instead of reloading the whole page and thus reloading all .js and .css files.
Also the WinJS.UI.ListView will dynamically create and reposition elements in your DOM as you scroll its contents.
Basically you can do anything you'd do in a webapp and re-use patterns like known from AJAX to make your UI adapt dynamically.
Depending on what you want to achieve, you should with increasing complexity keep in mind that your app should be able to suspend and restore its state from scratch at any point.
I am relatively new to website design and specifically working in ASP.NET, i am using CSS to style my site, but when i use ASP.NET Controls like GridView, Navigation controls, etc ...
they are messed up by the style sheets, and you can't see that until you run the website, because the controls are translated to HTML and so affected by CSS in a way that you can't predict, how to solve this, and is there a better way to layout and desgin sites in ASP.NET.
You can use ControlAdapters or better use ASP.NET MVC
A great method that's worked well for me is to create Skins for your ASP.NET controls.
http://msdn.microsoft.com/en-us/library/ykzx33wh.aspx
http://www.asp.net/web-forms/videos/how-do-i/how-do-i-use-skins-with-css-for-a-flexible-and-maintainable-aspnet-web-site
After getting my skins and CSS classes created for the different pieces of my ASP.NET controls I'll then run my app in a browser with good developer tools, Google Chrome has a stellar set of dev tools that allow you to modify your css classes and styles right in the page so you can see the results immediately. I'll then update my Skin CSS classes to match the styles I created using the browser dev tool.
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.
My project has collected CSS entropy (unused classes) during its course of development.
Now in order to keep the CSS file small, I want to remove all unused CSS references. But doing that manually involves searching for each class in the entire project. That takes time.
Do you know of any way/tool which I can adopt to find out which CSS classes are no longer used in my project, and remove it?
I am programming on ASP.NET. Visual Studio.
In the Chrome Browser, press F12, go to the Audit tab, choose the "Reload page and audit on Load" option, and refresh the page. Chrome will list all the unused CSS rules.
For an online solution, go to unused-css.com.
You might find this Firefox extension useful: http://www.sitepoint.com/dustmeselectors/
I wrote a tool which allows you to find all class and CssClass attributes in your aspx source code.
See my blog entry for info and download.
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.