Actionscript 3 :: Flex Container With HTML Style Floating?
Jul 20, 2011
I am using Flex 4 with Spark components to build a mobile application and I have a HGroup that I am using to contain all of my elements. When the screen loads it pulls in a small amount of text that will be displayed and loops through all the words to see if any of them are a keyword. While it is looping I am putting each word into its own label element and if the word is a keyword it changes a few styles and adds a click event to show a description about the word.Everything runs fine but when everything is appended to the HGroup, there ends up being only one line and most of the text completely cut off because it will not wrap the content.My Question is - Is there a way to set or extend the HGroup to allow content wrapping on its child elements?Below are some code snippets of what I have:
MXML containers:
<s:VGroup id="answerData" width="580" height="700" horizontalAlign="center" paddingTop="5">
<s:HGroup id="theLabel" color="white" width="580" fontSize="25" paddingBottom="20" />
[code].....
View 3 Replies
Similar Posts:
Sep 29, 2010
In HTML/CSS, if you float items, DIV's that exceed the width of the container are moved down 1 line.
I would like to achieve this in FLEX. I have 3 components with variable width. I would like for the 3rd component to be moved down when it doesnt fit the container any more.
View 1 Replies
Aug 30, 2010
how can I define a CSS style for html hyperlinks inside a mx|Label component such as a, a:link, a:hover and a:active ?
(I can't use s|Label since it doesn't dispatch link events I tried everything (even really stupid ones), but am unable to find anything that actually works:
[Code]...
View 1 Replies
Aug 27, 2008
I'm trying to create a "floating" style navigation similar to the link below but WITHOUT and 3D effect. Just text/navigation that is floating and reacting ever so slightly to the xmouse/ymouse and maybe scaling on rollover or something...I don't know where to start...
anyone have a tutorial or link that has something similar in effect?[URL]..and also the "solutions" section of this site, although this doesn't really interact with xmouse/ymouse[URL]..
and here is another that uses imagery and full screen...[URL]..
View 5 Replies
Sep 15, 2009
The Flex tile containers will create and remove tiles as the data changes and seems good to use in areas where the content is dynamic. How to implement this functionality in HTML? I guess that we need to use some JS and/or CSS.
View 1 Replies
Aug 19, 2011
I'd like to tween milk in a glass floating over to a container and slowly tipping and pouring the milk in. Is it possible to do this correctly using tweening? If not, is it possible with masking?
View 2 Replies
Mar 7, 2012
I am working with Flex 4 windowed application. I have a mx:HTML container with location attribute like [URL]. That abc.html has a html button and i want when that html button is clicked then a flex windowed application function should be called.
Dummy Flex 4 windowed application screen shot: [URL]
View 1 Replies
Aug 2, 2011
I would need to float an image (which will be the same height as one line of text) in a dynamic textield, and when the textfield is resized, the image should follow like its part of the text.(red picture is the image)Putting and img tag inside htmlText doesnt do anything.The best I could think so far (using TextLineMetrics or similar) is to leave a space, (or these dots (......) so that text doesnt collapse), and calculate where the last word before these dots is exactly from the top left of the textfield and place a movieclip on this position.
View 2 Replies
Mar 16, 2011
Having a problem with a little animation involving balloons floating in and then floating out again when a condition is met. There are two ways they can float in or out: from left to right, or completely randomly. I actually like it as coming in (left to right) and going out (random) but it's essentially up to the user.
Since I moved my Array sort code into the function that basically deals with telling the balloons to float off though, I've been having problems. Sometimes one or a couple of the balloons will not float off and I'm kind of boggled as to why. Because it works fine IF the Array sort part is outside this function, I'm wondering whether, when the for loop at the bottom starts running, the Array is still being sorted and that's why some balloons get left behind.
[Code]....
View 0 Replies
Jul 2, 2011
In a Flex Mobile project I have a simple itemRenderer where I'm trying to create an "bubble" texting effect, similar to ichat or iphone (just so you get what im going for). But if the text is longer than the screen it runs off, rather than just going down a line.
If I set Group thats holding the rectangle(to create the bubble effect) and the label to 100% it works and keeps it from exceeding the list containers bounds, BUT the group is always at 100% and looks bad, I'm trying to keep the "bubble" JUST AROUND the text.
Anyway so, at the top of my itemRenderer I tried specifying:
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark" width="100%" height="100%">
And here's my layout I figured since msg_container has a width of 100% I was hoping bubble_lable_group would just not exceed that but...it doesnt...it just runs off. I tried setting a max width but that does not allow you to input percents. And just to say it 1 more time. I know if i set bubble_lable_group width to 100% it works, and keeps it from going off the edge, but then the rectangle "bubble" stretches all the way across and just looks bad.
<s:VGroup id="main_container" horizontalAlign="left" paddingBottom="10" paddingTop="10"
verticalAlign="top" width="100%">
[Code]....
View 1 Replies
Sep 21, 2011
I have a loop that goes through data from a book and displays it. The book is not consistent in it's layout so I am trying to display it in two different ways. First way(works fine) is to load the text from that section in to a panel and display it. The second way is to create a new panel (panel creates fine) and then add collapsable panels(nested) to that panel. Here is the code from the else loop.
else if (newPanel == false){
// simpleData is just for the title bar of the new panel
// otherwise the panel has no content
[Code]....
The error I get is: ReferenceError: Error #1069: Property panel4.4 not found on components.readTest and there is no default value.
I have tried setting the "name" property instead of the "id" property.
View 1 Replies
Dec 23, 2010
I have a viewstack container w/ 3 views: red, black, and blue. How can I completely hide the black & not include it?
[Code]...
View 2 Replies
Jan 13, 2012
I am creating an flex Air project,so mxml file will run. I have circles in one Big circle at one side and will be same on other side.
Now how to drag any circle from any Big circle to other side. Or it could be like any two container having circles, then how to drag and drop circle?
For one circle i am able to do drag and drop.But I want one Big circle on left hand side and one big circle on right hand side .And small circles with class names will be in these big circles.Now i want to drag and drop those small circles in big circles.Big cicles should not move. Even i have tried this code in actionscript
package
{
import flash.display.Sprite;
import flash.events.MouseEvent;
[Code].....
But in this i want big circles should not move and small circles should only be dragged.
View 1 Replies
Feb 7, 2003
In textfields it's possible to insert a HTML-style link. Is there any solution to activate a actionscript function from a link like this in the text?I would like to load another text into the textfield when clicking a word into the text.
View 1 Replies
Apr 26, 2010
I'm trying to write a class that will have 3 parameters in a function call to specify: the dynamic textfield, an external HTML file, and an external CSS file. My attempts haven't worked, but I'm not getting many compiler errors. Here's my class file:
Code:
// loadText
// Loads external HTML file and styles it with an external CSS file
// Created by Al Lemieux on 2010-04-19.
// Copyright (c) 2010 Lemieux Design. All rights reserved.
[Code].....
View 1 Replies
Jun 27, 2010
I want to have a canvas with some "floating" property. Basically when I add child to it, the child should float at the top. When I add the second child, it should float above the previous one. For example the canvas width is 100, and I have two VideoDisplay with width 100 and height 75.
canvas.addChild(video0);
// Or canvas.addChildAt(video0, 0);
// video0 should be at x=0 and y=0
canvas.addChild(video1);
// Or canvas.addChildAt(video1, 1);
// video1 should be at x=0 and y=0, while video0 x=0 and y=75
View 2 Replies
Nov 20, 2009
Is there a Windows/HTML style dropdown menu control in AS3?
View 2 Replies
Nov 29, 2009
So as far as I can tell list-style-image (or any list-style at that) is not one of the available css properties enabled with a TextField.I want to have a list of items with bullets in front of them, but using a custom png image for the bullet.
View 0 Replies
Jan 6, 2010
I'm importing html with <strong> tags and using CSS to style my text however everything it runs into a closing </strong> tag it adds a line break for some odd reason and i was wondering if anyone knows a way to fix this?
View 1 Replies
Jan 27, 2010
I'm currently working on a custom component which extends Canvas (let's call it SuperCanvas) ; it's basically a container that let you zoom & pan its contents. It would be too long to explain why, but I can't use scrollRect, so I was forced to declare a Canvas object (called innerCanvas)... inside my SuperCanvas (I know, not very nice =/) I would like to know if there's a proper way to "redirect" the creation of my component's children in this canvas.
[Code]...
View 1 Replies
Feb 4, 2009
I'm building a website with php/css. I'm a photographer and will be displaying images, one per page. I'd like to allow the user to click an image and view it in fullscreen, scaled to their screen resolution.I know that much can be done in flash. However, I'd like to display html elements once the fullscreening has occurred. This is because I want to retain right-click functionality.
(specifically, I want users who are going to try to steal my images to actually be able to download the image out of the sized div it's in, with metadata and hidden copyright notice intact, rather than taking a screenshot and bypassing all of my usage and copyright notification)So... flash fullscreen containing html elements?
View 1 Replies
Mar 1, 2012
I've been struggling with this problem for a while:I have a string containing HTML and I'm using a regular expression to get the characters between the tags. I'm then attempting to apply a TextFormat to those characters.The problem is that I'm using the TextField's "htmlText" property instead of it's "text" property (because I don't want the HTML tags to be visible). So, the character index that's returned from the regular expression is incorrect, when I apply the TextFormat.Here is some sample code which illustrates the problem:
var txt:String = "<b>Sample</b> string with bold text";
var tf:TextField = new TextField();
addChild(tf);
[code].....
View 2 Replies
May 7, 2010
Site loads two flash files at the same time with multiple dynamic text fields that load .html files with external css style sheets. The site works almost perfectly when viewed offline, but when you upload it the text boxes sometimes load and sometimes do not. I'm a graphic designer so I really don't know actionscript 3.0 (or any version) very well... so I'm attaching the footer .fla file which by itself suffers from the same problem, and the other files are too big to upload so here is the link to the other .fla file used on the homepage
View 3 Replies
Mar 18, 2010
I have a flash animation with the size of 1280x1024 and I want to embed it into an HTML file. I want the flash file to be displayed in 800x600. This is my code:
<html xmlns="[URL]" xml:lang="en" lang="en">
<body align="center"><object>
<param name="movie" value="/flash/connect.swf" />
<embed src="/flash/connect.swf" width="800" height="600"></embed>
</object></body></html>
Well, it doesn't work. I do have a 800x600 frame, but the flash file itself still displayed on its original size.
View 2 Replies
May 13, 2010
I have a custom TextInput-based component for date and time with certain restrictions on what's considered "within range". But it's still fine to insert dates that are outside the range. When a user types in a date, on valueCommit, I'd like to be able to display a hovering notification to the user, to inform/warn them that the date is outside the accepted range.
I'm thinking of notifications ala the Validators, but I'd rather not use the Validator mechanism because it's really not validation, just notification. Something like a tooltip, but it will only appear if the user changed the value. Maybe an effect of some sort?
View 1 Replies
May 12, 2010
I am doing some pre-production on a project that requires drawing on a 3d canvas, which I think flash is the best way to go. But there is a chance down the line that this client might want the site to show up on the ipad, iphone or other mobile devices that don't support flash.
So I was playing with the idea of doing everything in html and javascript except for the actual drawing/3D area. Almost like using flash as the element. I think html5 is too premature to start using this, but might be beneficial down the line. Chances are I will just go the entire flash route, but I thought it would be interesting to try. question is pretty top level. 1) how hard would it be to drag an object from an html page using javascript, and dropping it into the flashplayer. And then manipulating it from there.
Are there any examples out there that have tried to do this?
View 1 Replies
Jul 2, 2010
I am implementing the flash slider, Piecemaker, for the first time in my latest project. I've got a problem with it's animation being cropped by the width and height of its container, and I cannot for the life of me work out how to let it overflow outside its container during animations. There is also a weird problem I've just noticed that the top of the slider gets clipped off for some reason? who's worked with piecemaker, or something similar, or a css ninja see what the problem is? Here is the demo as it is at the moment - Link
View 2 Replies
Dec 11, 2009
I have to place a flash movie into an existing layout. It is replacing placeholder image of the same size. The DIV holding the image has a negative top margin. When the flash movie is placed in the same spot there is a gap at the top of the DIV equal to the amount of negative margin. I cannot seem to get the movie to move to the top of the DIV (FF3).
View 1 Replies
Aug 4, 2011
I am designing a web application in Flex 4 and currently facing an issue rendering advanced HTML tags and entities in Flex 4. All I want to do is basically render an HTML text coming to me something like the one given below:-
[Code]....
View 3 Replies
Feb 28, 2012
I have created a style in which i am defining a font family.When i apply this style to label it reflects the font were as there is no change when it is applied to a spark button.I Tried various way to Apply font style but it doesn't work.Other properties work fine except font family. Even i tried creating skin class and set the font family style of label in it. While previewing the skin i can see the changes but when i apply it to buttonApproach 1
@font-face{
src:url("HARNGTON.TTF");
fontFamily: MyF;
[code].......
View 2 Replies
