I want to use CSS style - background-size:cover;

in my animation. The responsive settings dont allow for this effect anywhere so I was thinking of putting it in the _edge.js file but, I'm assuming, becasue the Stage is the parent it will fill but distort with the Stage?
I've watched the flexible design videos for Edge and Edge preview but neither cover the effect I want which is use in the Cod Drops example:
http://tympanus.net/codrops/2012/01/02/fullscreen-background-image-slideshow-with-css3/
Would a separate CSS file work?
Cheers
Bret

You can use a separate css file, though if you go this route it's preferable to use the append method at the Stage > compositionReady event handler.
Example
////////// Stage > compositionReady///////////////////
$("head").append("<link id='mycss' href='style.css' type='text/css' rel='stylesheet' />");
Directly editing the .html file and placing a reference to an external .css file will be overwritten everytime you open it in Edge Animate.
The above snippet will help resolve that.
hth
Darrell

Similar Messages

Creating form - want to change font style and size in more than one field at a time HOW??

creating form - want to adjust font style and size in more than one field at a time - HOW??

Select the fields with the mouse, right-click one of them, go to Properties
and set the settings you'd like them all to have.
On Wed, Jan 21, 2015 at 8:51 PM, chuckm38840797 <[email protected]>

[svn] 3148: You can now use CSS styles to set the default text format for TextView.

Revision: 3148
Author: [email protected]
Date: 2008-09-08 15:01:15 -0700 (Mon, 08 Sep 2008)
Log Message:
You can now use CSS styles to set the default text format for TextView. It no longer has any formatting properties. It supports the entire set of Gumbo text format styles.
SkinnableComponent and Group now also support all these styles. However, skins such as ButtonSkin, TextInputSkin, and TextAreaSkin continue for now to specify instance styles on their TextBox, TextGraphic, and TextView, in order to give them a Gumbo look rather than a Halo look. So if you try setting, for example, the fontSize on the Application, it doesn't yet affect the text format of a Button, TextInput, TextArea, etc. unless you remove the instance style in the skin.
Reviewer: Glenn
Bugs: -
QA: Lots of new stuff to test!
Doc: No
Modified Paths:
flex/sdk/trunk/frameworks/projects/flex4/src/flex/component/TextArea.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/component/TextInput.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/component/TextView.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/core/Group.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/core/SkinnableComponent.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/graphics/TextBox.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/graphics/TextGraphic.as
flex/sdk/trunk/frameworks/projects/flex4/src/flex/graphics/graphicsClasses/TextGraphicEle ment.as

Nevermind guys - I did it using the 'rb_on.selected' command on the "on" radio button if the .txt file variable was "on", else the "off" radio button is selected.
Thanks for taking a look though!
Shaun

Brush stroke pattern that i want to use as a background in Photoshop CS4.

I've painted a piece of paper with a brush stroke pattern that i want to use as a background in Photoshop CS4. I know how to make a fill layer and apply a colour to a shape, but can you do this for a pattern you've made? I also want to make the pattern a certain pink, and select an elipse in the middle which would just be a different colour section of the same pattern. Is this possible?

so this first is the pattern/image i want to change the colour of:
and below is how i want the colour changes to be specified to the two areas created by this elipse shape: i want to apply that sort of shape and colour differentiation to the texture/pattern/shape of the brush strokes.

Using background-size: cover causes Edge Animate to crash

Bug report:
If I select an element which has background-size tag specified for the element I get "An error occurred. Please save your work and restart Edge Animate."
This happens background-size: cover, background-size: contain, etc.

Hi, Alan-
Great find! I was able to reproduce this bug on our side and have filed it with our team.
Thanks,
-Elaine

CSS style -Background not showing ?

hi everybody ,
first of all i'm quite new to Dreamweaver and webdesign word so ... sorry if i make mistakes
when trying to prewiew my site , or in dreamweaver itself , i cant see my background (is a .png file made whit photoshop , a simple gradient whit some effects)
i tryed to use the site manage , and set the image default folde , but this didn't resolved anything !
this is my HTML code (oh yes , i'm writing the site in HTML5):
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link href="CSS/SitoCSS.css" rel="stylesheet" type="text/css">
</style>
</head>
<body>
<div id="Principale"></div>
</body>
</html>
And the CSS style page:
@charset "utf-8";
/* CSS Document */
body {
          background-color: #03F;
          background-image: url(Images/sfondo.png);
          background-repeat: no-repeat;
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
#Principale {
          font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
          background-color: #000;
          float: left;
          height: auto;
          width: 901px;
thank you all
Bye !

Without seeing the live page its difficult to analyse BUT here's a couple of things you could look at:
1) Is the name of your folder really Images with a cap 'I' or is it images with a lower case 'i' ?
Images/sfondo.png
2) Is your png file saved as RGB and not CYMK color space?
3) Looking at what you have posted the path to your bg image is probably incorrcet
background-image: url(Images/sfondo.png);
Should be: (note the ../ infront of the Images folder name):
background-image: url(../Images/sfondo.png);

Using CSS Styles with Gridpanel

Hello,
It seems to me that the gridpanel component (and renderer) are
producing incorrect HTML (or at least HTML that fails in IE and
Netscape).
The component has an attribute rowClass that renders as
<TR class=specifiedClass> in the resulting table.
Both IE and Netscape won't use the CSS class definition for
the TR tag. They will however, use a style definition -- as in:
gridpanel should have an attribute called rowStyle that is rendered
as <TR style="specifiedStyle"> in the resulting table.
Can anyone confirm this? Dispute this? Suggest a workaround?
(other than creating my own component and renderer?
Thanks!
-Wile E

This is a wrong forum for questions related to NetBeans and Spring.

Using CSS Style Editor in Sun Java Studio Creator

I could not open the Custom Style Editor Window for the components in my Java Studio Creator. Thats means I can not enjoy any facilities as described at:
http://developers.sun.com/prodtech/javatools/jscreator/reference/techart/style_editor.html
I reset my computer then reinstalled Java Studio Creator in the hope of solving this problem but the problem is unsolved.
My Java Studio Creator is a paid version and I am using a WindiosXP computer with SP2.
Please anyone help me to solve this problem. Thank you very much.

I have been trying to update through the update center but I am getting the messame "Error: Unable to connect to the update center server" for the last couple of days.
I tried two/three times in the last one hour period and get the same message. (Now it is 10.30 am UK time 23rd May 2005)
I tried the choice of disabling the firewall before update effort and I am not using any proxy.
More advice regarding the update center and CSS style editor is very much appreciated. Thank you very much.

I want to use music as background for home video and put it on facebook. How do I get permission to do that.

I want to put a song I purchased on i tunes and use it as background on a non comercial home video and put it on face book. How do I get permission to do that?

I can't answer this one but I imagine it would be a nightmare and expensive. The companies that do that probably aren't scaled for such a thing and are more likely used to dealing with big contracts. You might even have to do something such as provide evidence for how many times the music has been played -- something I suspect Facebook is not geared up for doing.
I guess if it's a small scale artist on their own private label you could ask the individual but it's a big time artist working with a record company then you'll have to deal with the record company or pay a company that works with them on licensing issues.

Does Safari support "cover" value of background-size property for CSS?

I'm a web developer. I've run into a Safari issue while coding up a new portfolio site. I was using an older version of Safari that came with my MacBookPro with leopard, where in my css the old Safari was recognizing and properly implementing the value "cover" for the property background-size.
body {
-webkit-background-size: cover;
I recently upgraded to Snow Leopard and I assume my Safari was upgraded too, because now the website I'm building does not look correct in the current version of Safari. Safari is not letting the "cover" value fill the browser window completely as it should. Instead Safari will only allow the image to fill the background so long as the width and heighth values are lower than the actual size of my background image. Once the browser size exceeds either the width or heighth size of my bg image, Safari shows nothing (empty space filled with bg color) beyond the image size. The current version of Safari is 4.0.4.
I want the image to fill the background of the browser window regardless of the browser window resizing in any direction while maintaining the proper aspect ratio, so overflow of image height is generally hidden.
You can see the site I'm building here, mikepriebe.ca. It should look fine in Chrome and Firefox. In Safari you should see what appears to be a large uneven border around the background photo.
Any thoughts or tips on how to fix this or work around this?

Thanks Roger. Although I'll still need to solve the issue for those viewers using the older versions of Safari, even if the property value is executing correctly in the latest version of Safari.

Using Column Value in CSS Style for Column in Report

I am trying to apply a CSS style (background color) to a column in a report based on another column.
So for the Column attributes for a specific column, I would like to be able to add this to the 'CSS Style' Field under the group, "Column Formatting":
background-color:#BKG_COLOR#;
It doesn't seem to be taking my column value, which is #daf2ea
In the CSS Style Field, if I change it to: background-color:#daf2ea - then it works.
So it doesn't seem to take my column value of #BKG_COLOR" in the CSS Style field.
Any ideas? Do I need to use the 'HTML Expression' field instead, and how would I do that?
Thanks,
John

Hi,
that's correct, custom report templates will do.
I find them sometimes quite limited, though. And I always ask myself "how would I do it without APEX", because there's often a lean jQuery solution that affords less coding.
If you employ a so called "marker class" that depends on your colour value, you could begin like in the previous answer and enter the follwing into HTML Expression:
<span class="#BKG_CLASS#">#THE_COLUMN_I_WANT_TO_SHOW#</span>
That means you would not query a plain color, but some name that can act as a CSS marker, like
select THE_COLUMN_I_WANT_TO_SHOW
, case when THE_COLUMN_I_WANT_TO_SHOW > 100 then 'hotColor' else 'coldColor' end as BKG_CLASS
from my_tableIn the page's Function and Global Variable Declaration, you'd enter
function colorMyReport () {
apex.jQuery('.hotColor').closest('td').css('background-color','#FAA');
}And under Execute when Page Loads, you enter:
colorMyReport();There's only one challenge, of course, when the report is paged via AJAX, because the script would only run once (on the first page shown).
But if this is a solution for you, I'd be pleased to show you how to overcome this. Just let me know.
Hope there is no typo in my typing, because I have to catch my train now :-)
Bye!

A challenge to Adobe: Allow me to use inline styles in DW by default or I dump DW

Years ago I switched from FP to DW because FP started forcing people to use CSS over HTML. That was FP 2000. I switched to DW because it respected my code... Now that CSS is mainstream and we are all in love with it, DW CS4 decides to throw a bone and tell me to fetch -- forces me to use CSS rules. I am fine with Adobe hurting my intelligence but at the very least I need the ability to convert CSS rules to inline styles. I do a lot of HTML emails for clients and as I am sure you know, Adobe, most [web] email clients ignore external CSS and <style> tag. Or let me put it this way: I simply want to choose between inline style and rules based on type of project. No questions or comments please.
So Adobe, you can remove this post right away if you like, but here is the challenge for you: If in a month you do not update DW SC4 to allow me to choose whether I want to use CSS rules at all + if you do not provide the ability to convert all CSS rules in a page to all inline I dump DW altogether. How's that? Also please check your records and see that I recently purchased your CS4 Master Collection. I am a serious CS4 user and this is a serious challenge.
With DW CS4 you abandoned DW's character of being a TOOL that lets users decide how to code. Redemption period of 1 months starts.... NOW. Tic toc, tic, toc.

Hey anygiven. Appreciate your observations. I also feel that Adobe has lost its way as far as the Web is concerned.
Here's another example from the Dreamweaver Help files. In the second video down on the Dreamweaver CS4 launch screen, called "Live View" (which isn't, BTW), the Adobe talking heads spend a lot of time on how to use a Yahoo calendar widget to create a calender of coming attractions. They make it sound cool and contempo and "next generation."
As a longtime webmaster with a small client who owns a bar & grill on the Oregon coast, I react to this Adobe video in two ways. First, if my client's competition is using Dreamweaver and following Adobe's directives, I'm absolutely thrilled. Couldn't be happier. Here's why. In the Real World, it's crucial to get search engine traffic to the calendars. But if you do what Abobe suggests in their "Live View" (Not) video, you will get just about zero search engine traffic to your calendar because the search engines can't fully index pages whose content changes in response to user actions! Boiled down, if you do it Adobe's way you'll spend a lot of time and energy to get significantly less functionality in your coming attractions calendar, and thereby deliver less value to your client.
So in a way, Adobe's Real World Web cluelessness actually helps me by making Adobe-led webmasters less effective and easier to beat. The problem here -- for me and everyone else -- is that is that Adobe and Dreamweaver have no competition any more. I'd be delighted to stand on the shore and watch the grief on the good ship Adobe from the distance, but I can't do that because in the so-called "free market economy" I don't have that fundamental freedom of choice any more.
I've also begun to wonder about my freedom to express my views here. Last month, I posted a comment noting the basic problem with the Dreamweaver CS4 calendar widget video in the comments section at the bottom of http://tv.adobe.com/watch/inside-the-dreamlabs/dreamweaver-cs4-live-preview/, and it was deleted by Adobe. As of February 22, 2010, the last comment on the page now reads: "Excellent video." That'll take care of the issue! I paid $800 for CS4 (on top of a shelf load of Adobe products going all the way back to 1992) and I logged in, but I don't get to offer an honest (and helpful) comment if it doesn't support the current Adobe dogma?
I hope that's not the case. I hope there's just some sort of honest misunderstanding here. I also hope that Adobe can appreciate that this is not just empty complaining. I'm not sitting here moving my mouth because it feels good. I'm taking the time out of a very busy morning to offer these comments because as an independent Web developer I believe it's imperative for Adobe to rethink where it's taking Dreamweaver.
Among the issues crying out for Adobe's reconsideration:
* Cascading Style Sheets. CSS is a hideously bad implementation of a decent-enough idea. Because of its inherent design flaws, CSS will never be adopted widely UNLESS people don't have a choice. Adobe should stop making Dreamweaver an agent of Web totalitarianism by removing the webmaster's choices as to how he/she constructs their pages. Just say "no" to the Code Nazis.
* Feature Loss. Adobe needs to start adding features and functionality to Dreamweaver, instead of taking features out as is the case with Dreamweaver CS4. Like the man said, Job One should be to bring Dreamweaver up to the same functionality that FrontPage had 15 years ago in 1995, including all the Web Bot functions. (I realize that it might take a couple of versions to get Dreamweaver up to full FrontPage functionality, but high on my list for the first version upgrade would be a robust threaded discussion group component AND the ability to include blog-like comments at the bottom of the pages.)
Like to see some positive response here from Adobe to these issues that have been raised by longtime, professional customers...

WAD - Possible to embed RRI commands in CSS style menu?

I'm not content with the standard web item options in WAD and was hoping I could create my own menu using CSS style commands and then embed the BI:ACTIONs within the list links. Is this possible? I've got the list created within WAD, but can't find anything out there on how and what BI commands to embed. Any help or alternative suggestions appreciated. Thanks.
Ivano

FYI, I found one simple way to do this. You can use the web item "Link", define the RRI or other set of BI actions you want to perform within that in the Layout side of WAD. Then, within the XHTML portion you can cut this relevant snippet of BI command code and place it under the CSS-style menu you're trying to create. In my exmaple, I styled a drop-down list and was able to have this as action as a link within the sub-menus. For example, here's the list portion:
<ul >
                        <li >
                            <bi:LINK_ITEM name="DISTRIBUTIONMETRIC" designheight="23" designwidth="200" >
                                <bi:TEXT_CONTENT value="Distribution Metric" />
                                <bi:ACTION type="CHOICE" value="INSTRUCTION" >
                                    <bi:INSTRUCTION >
                                        <bi:RRI >
                                            <bi:TARGET_DATA_PROVIDER_REF value="%NM%" />
                                        </bi:RRI>
                                    </bi:INSTRUCTION>
                                </bi:ACTION>
                            </bi:LINK_ITEM>
                        </li>
                        <li >
                            <a href="#" >Volume Metric</a>
                        </li>
                        <li >
                            <a href="#" >Marketshare</a>
                        </li>
                        <li >
                            <a href="#" >Standard Operating Reports</a>
                        </li>
                        <li >
                            <a href="#" >MPS Reports</a>
                        </li>
                    </ul>
Edited by: ivanoharris2 on May 12, 2010 10:20 PMd

Can I use CSS, htmlTags and Alt tip for text with TLF?

I want to know if it applicaple to use CSS style sheet to format TLF Text?
is it Applicaple to use html tags instead of text with TLF?
is it applicaple to add alt (tooltip when I over some words) with TLF?

Thank you Robin for helpull answer, yes that what I meant by html, I will check the TextConverter Class.
I asked about CSS because my Manager want to control the Format of the text inside Flash using The CSS.
is there a way to format the TLF Markup, or what is the best suggestion instead of CSS?
I didn't try before to add any new capapilities to the architecture, if I want to start adding this what is the place to start from or any done example that demonstrate it.
I am using Flash CS4 not Flash Builder nor Flex.
thank you again for your helpful answer.

When I try to attach my css style sheet Dreamweaver gives me an error saying that my .css file appears to be an .html file and will not attach. How do I fix this so I can attach my style sheet?

I have built a css style sheet in Dreamweaver. When I try to attach it to my html website, it prompts me that my "css file appears to be an .html file and cannot attach". I've tried removing the /* */ as suggested by other forums, but this has not resolved the issue. I was using css style sheets with no problem 2 days ago. Now I get that error message. How do I fix this so I can attach my style sheet?

What does the code of the CSS file look like?
An external CSS file needs to be written in CSS only (no html tags like <html>, <body>, <head>, etc ).
It also must have a .css file extension, if yours has a .html extension it won't work.

I want to use CSS style - background-size:cover;

Similar Messages

Maybe you are looking for