Flash Builder 4.6 : Design view not working with flatspark theme - css

After switching to Apache Flex 14, I tried to implement the Flatspark theme by adding this kind of rules to my CSS :
s|Panel
{
skinClass: ClassReference("flatspark.skins.PanelSkin");
}
To make the SDK work with Flash Builder 4.6, I changed the SDK description file. From here, everything's fine.
I was able to see the new theme, create component in the design view and edit already existing MXML files.
But after restarting Flash Builder, I've got this little icon in the design view :
I cannot see or edit an existing file.
The design view works again after removing the theme from the CSS rules.
Why did it works the first time and now only display this when I add a custom CSS rule to change the skinClass parameters ?

Design view has never really worked correctly for any use case that is even remotely complex.
This is why it was removed in the next version (Flash Builder 4.7).

Related

Use of Ant Design Icons While Offline

I am working on a reactJS application that uses ant design for the UI. Recently we released this application to production where the computers are pretty locked down. This application is an intranet application and these computers have no internet access. So, because of that, the ant design icons on the modals were showing up as empty boxes. I did some digging and saw that the icons are using CSS classes.
For example, this is the CSS class for the red error "X" on the error modal:
.anticon-cross-circle:before
{
content:"\E62E"
}
I'm not too familiar with the CSS content attribute so I went to www.w3schools.com and read up on it a bit and tested this particular content value on their Try It page for this attribute and I got the empty box that I got in my production environment.
Does anyone know what needs to be done to import these icons into my project so that they can be used offline?
Thanks
What I think is happening is that Ant Design is defining the CSS font definition with a URL to the corresponding font-file. Since the computers are offline, it cannot find those definitions.
In the documentation I see that they also provide SVG Icons, which should work completely offline. I think this is worth a try. The steps to implement this can be found here and it should be available from version 3.9.0: https://ant.design/components/icon/#SVG-icons
Have you tried downloading the icon library into your project folder?
https://github.com/ant-design/ant-design-icons/tree/master/packages/icons-react. Looks like they have assigned their own codes to their own icons so you'll need to have them offline.
You will nessd the css file tabler-icons.css and the woff file tabler-icons.woff and assign a font-family named tabler-icons within your style.css using #font-face

PyCharm: How to disable certain CSS file code complete?

Django REST framework uses Bootstrap and has its own CSS files in it. It seems like PyCharm imports those files for code completion popups. The things is, I don't want those as I use different CSS framework and in fact, it's confusing me because all those Bootstrap autocomplete popups when I'm trying to set CSS classes and so on.
So my question is, is there any way I can disable code completion popups from certain CSS files?
I did not face with this problem until now,but I think you should disable these folders is Pycharm, try this :
Settings|Directories -> Use Exclude button on folder

CSS Style in Samsung Smart TV App

Hi am new to Samsung Smart TV App,
I want to create some rich user interface with CSS and Javascript. I think Twitter Bootstrap is a good choice for this. But i cannot use bootstrap's class properties in my application. Guide me how to use twitter bootstrap framework in Samsung Smart TV App.
I have successfully used bootstrap in one of the apps I created. Just add the bootstrap code to the project's directory and reference it from the index.html like you would with any style sheet.
Also make sure that you include the following at the top of all of the individual scene style sheets
#import url("<PATH TO BOOTSTRAP>/bootstrap.css");
I think you should use sf.core.loadCSS(); in your application. Just see guide. There is analogous method for JS including too.
If you're using AppsFramework 2.0 app structure (Basic App Project) you should place it in your app/init.js like this:
function onStart() {
sf.core.loadCSS([
"app/stylesheets/file1.css",
"app/stylesheets/file2.css"
], function () {
// callback on file loading
});
}
Callback function isn't mentioned in documentation, but it works (I'm sure for JS, CSS should work same way).
But if you're using "Javascript App Project" template (the old one), then you can place mentioned <style>#import url();</style> in your root index.html.

Flex - Modules does not inherit css styles when built with ant

I'm creating a Flex 4 application which contains different modules in it. The main application contains a style sheet and the modules inherit the styles defined in this file.
Its working fine when the swf's are generated using Flash Builder. But when I'm generating it using Ant script, the modules does not inherit the styles and everything looks weird.
I added
isolate-styles="false"
as an additional parameter to mxmlc, but still its not working :(
Can someone please provide your suggestions?
I have never had to do anything special in regards to modules, flex and ANT but maybe I have been lucky. Or there is something else going on in your ant script. You can try being explicit and adding your css files via the compiler argument - [defaults-css-files filename , ... but that would be a brute force method forcing the styles to be recompiled into your module. Another option to help with debugging is to call getMergedStyleDeclaration() from your module so that you can compare the difference between Flash Builder and when ant builds the file. I am sure you have already read this document, but just in case, here is Adobe's information on modular applications.
If none of this helps please post some more detailed information around your current scripts and I can help from there.
Turned out to be a simple solution. All styles except fonts were inherited to the modules.
mx|Module{
font-family : "Myriad Web";
}
Needs to be added when built using ant. Flash builder generated swf's were working fine with out this additional style definition.
I had provided only
s|Application {
font-family: "Myriad Web";
font-size: 12;
font-anti-alias-type:advanced;
}
in the main style sheet.

Flash Builder 4 code navigation disables for imported maven projects

has anyone encountered the following trouble with Flash Builder 4 Eclipse plugin: after I import some flash projects from poms (import -> existing maven projects) and set their type to flex library or flex project manually, flash builder code navigation stops working for these projects - you cant' click on method name to go to its definition, can't open a class using ctrl+shift+t and so forth. The projects compile and run fine and code navigation works for any projects created anew in the same workspace. Any ideas will be appreciated, thank you.
Not sure if this applies to you, but make sure all your .as files have spaces instead of tabs. Code navigation in FB doesn't like tabs.
This bug (defect or whatever you want to call it) is one of a few caused by the diminished cooperation between the vendors of the maven-eclipse-plugin and thus flexmojos-maven-plugin (indirectly) and M2Eclipse plugins (... without pointing the finger at any in particular).
You can however still get them all to work and get back the FlashBuilder/Eclipse goodness:
http://blog.darrenbishop.com/2011/02/darren-on-flex-flash-builder-4-loses.html

Resources