Book component in flex

how to implement book component in flex

"tausif d" <[email protected]> wrote in
message
news:g6jkhl$pf0$[email protected]..
> how to implement book component in flex
http://www.quietlyscheming.com/blog/components/flexbook/

Similar Messages

How to set multiple styles on a single component in flex ?

Hi ,
I would like to know how to set multiple styles on a single component in flex.
Can anyone give me an example as to how to set multiple styles for a single component ?
Thanks ,
Regards,
Ajantha

Hi tuliptaurus,
You can setStyleName property for chnaging the external css dynamically by using the setStyle() method ...
btn.setStyle("styleName","blendButtonSkinOther");
You can change the external css by using the styleaName property with setStyle method..the line in blue..where blendButtonSkinOther is another css class..
blendButtonSkin {
    fontFamily: Arial;
    fontSize: 11;
    color: #F1F1F1;
    textRollOverColor: #F1F1F1;
    textSelectedColor: #F1F1F1;
    horizontal-align:center;
    width:150;
    height:30;
    cornerRadius:5;
    upSkin:ClassReference('assets.skins.BlendButtonSkin');
    downSkin:ClassReference('assets.skins.BlendButtonSkin');
    overSkin:ClassReference('assets.skins.BlendButtonSkin');
    disabledSkin:ClassReference('assets.skins.BlendButtonSkin');
    selected-up-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-down-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-over-skin: ClassReference('assets.skins.BlendButtonSkin');
blendButtonSkinOther {
    fontFamily: Arial;
    fontSize: 11;
    color: #F1F1F1;
    textRollOverColor: #F1F1F1;
    textSelectedColor: #F1F1F1;
    horizontal-align:center;
    width:150;
    height:30;
    cornerRadius:5;
    upSkin:ClassReference('assets.skins.BlendButtonSkin');
    downSkin:ClassReference('assets.skins.BlendButtonSkin');
    overSkin:ClassReference('assets.skins.BlendButtonSkin');
    disabledSkin:ClassReference('assets.skins.BlendButtonSkin');
    selected-up-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-down-skin: ClassReference('assets.skins.BlendButtonSkin');
    selected-over-skin: ClassReference('assets.skins.BlendButtonSkin');
Thanks,
Bhasker Chari

Is it possible to call a function in a parent component from a child component in Flex 3?

This is probably a very basic question but have been wondering this for a while.
I need to call a function located in a parent component and make the call from its child component in Flex 3. Is there a way to access functions in a parent component from the child component? I know I can dispatch an event in the child and add a listener in the parent to call the function, but just wanted to know if could also directly call a parent function from a child (similar to how you can call a function in the main mxml file using Application.application). Thanks

There are no performance issues, but it is ok if you are using the child component in only one class. Suppose if you want to use the same component as a child to some bunch of parents then i would do like the following
public interface IParentImplementation{
     function callParentMethod();
and the parent class should implement this 'IParentImplementation'
usually like the following line
public class parentClass extends Canvas implements IParentImplementation{
          public function callParentMethod():void{
     //code
in the child you should do something like this.
(this.parent as IParentImplementation).callParentMethod();
Here using the Interfaces, we re decoupling the parent and the child
If this post answers your question or helps, please mark it as such.

Tree component in Flex 4

Are there any known issues with the <mx:Tree component in Flex 4?
We have upgraded from Flex 3 builder to Flex 4 builder. Everything works except any where we have used a tree component the data is no longer showing. Has there been a change in how to populate the Tree component? We populate the tree by setting the dataProvider with an ArrayCollection.

@travr,
I'm not aware of any big known issues in mx:Tree between Flex 3.x and Flex 4.x. What problems are you seeing, and can you reproduce the issue with a simple test case (if so, please post the simple test case here and we can take a look).
This works in Flex 3.5:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:ApplicationControlBar dock="true">
        <mx:Button id="sdkVer" initialize="sdkVer.label = mx_internal::VERSION;" click="System.setClipboard(sdkVer.label);" />
    </mx:ApplicationControlBar>
    <mx:Tree id="tr" labelField="name" width="200" x="20" y="20">
        <mx:dataProvider>
            <mx:ArrayCollection>
                <mx:Object name="1. One">
                    <mx:children>
                        <mx:Object name="1.1 One" />
                        <mx:Object name="1.2 Two" />
                    </mx:children>
                </mx:Object>
                <mx:Object name="2. Two">
                    <mx:children>
                        <mx:Object name="2.1 One" />
                    </mx:children>
                </mx:Object>
            </mx:ArrayCollection>
        </mx:dataProvider>
    </mx:Tree>
</mx:Application>
And this seems to work in Flex 4.5/Hero beta:
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx">
    <s:controlBarContent>
        <s:Button id="sdkVer" initialize="sdkVer.label = mx_internal::VERSION;" click="System.setClipboard(sdkVer.label);" />
    </s:controlBarContent>
    <mx:Tree id="tr" labelField="name" width="200" x="20" y="20">
        <mx:dataProvider>
            <s:ArrayCollection>
                <fx:Object name="1. One">
                    <fx:children>
                        <fx:Object name="1.1 One" />
                        <fx:Object name="1.2 Two" />
                    </fx:children>
                </fx:Object>
                <fx:Object name="2. Two">
                    <fx:children>
                        <fx:Object name="2.1 One" />
                    </fx:children>
                </fx:Object>
            </s:ArrayCollection>
        </mx:dataProvider>
    </mx:Tree>
</s:Application>
Peter

Is there any component in flex to show/edit digital maps, lattitude, longitude etc?

Is there any component in flex to show/edit digital maps, lattitude, longitude etc?

If I do this then I will have my video player in fullscreen disappear for a moment and then reappear out of fullscreen, and I want it not to disappear, but to just jump to the other state fully resized and repositioned with no glitching in between states.
Than you will need to implement your own solution which meets your specific design goals. That's the nature of the beast my friend.
As far as I know dynimic skin parts have another meaning - creating more than one instance at runtime. Also I've read just now (again) partAdded and partRemoved are called on component initialization and skin change. So basicly if I change the skin, it makes sense to remove the eventListeners from the old skin parts. But still, I've read on many places that if an object has event listeners attached to it it will Not be GC unless they are weak, so it will be stuck in memory forever.
So looking at the VideoPlayer and it's skin parts, I'm not seeing any event listener being removed when I remove the instance I have of the VideoPlayer. Why is that? Why the component does not remove it's skin parts event listeners?
Are you changing skins? If so, I bet the parts would be removed as expected. The partRemoved method is not being called because it's not needed. If you remove the parent component, than any reference encapuslated within that component are removed as well.Fire up the profiler if you don't believe me.
I'm interested in the skin parts and states relation. With includeIn and excludeFrom you define in which states the component is added to or removed from as a child (element). So If I have a skin part which is required=true and I have 2 states from one of which it is excluded... whouldn't that result in a runtime error since the part is not there but it is required?
I'm pretty sure that it only checks if the instance exists, and does not care if it has been created and added to the display list. I do not really know for certain though. This could easily be answered with a simple test.

ActiveX component in Flex

My doubt is how can we bring or embed ActiveX visual component in Flex UI(inside an SWF)
Regards
Aravind Mohandas

I didn't think you could.
I understood that ActiveX controls do not run as browser plugins and are therefore outside of the Browser security sandbox. Flex is a browser plugin and is locked into the browser's security sandbox.
Depending upon what the ActiveX controld oes you could convert it to Flex.

Suggestion for good book/reference of flex and blazeDS

hi...been developing the client side with flex for some time and now getting into server side and found some stuff from adobe and other short articles about blaze and servers but really looking for a good book/reference...thought i'd buy a book called enterprise flex with blazeds by brian someone....worst IT book i've ever read...any ideas would be great

Update:
Ok...I finally figured out that by replacing the tokens in the services-config.xml file with the physical address of the server everything works.
Anyway...this means the application needs to be compiled everytime it is moved to a new server or even a different folder on the same server for that matter. Is there any way to pass the {server.name}, {server.port} and {context.root} tokens to the application at runtime for messaging?
Thanks,

Flip book component in new version of Flash Cs

Hi all,
Realy i've thinking many times to have a plugin in adobe flash, that will include a flip book component wich will be easy to build an online magazine for our real estate agency in marrakesh, i've used the latest trial version of adobe flash Cs5 but it enable to work with as i am a not programmer. But hope that one day get it.

If you are offering a suggestion for future Adobe's consideration here is a link for that:
http://www.adobe.com/cfusion/mmform/index.cfm?name=wishform

How to use FC to make a sub-component for Flex

Most of the examples and tutorials I've seen so far assume you are creating the app itself in FC.
However, what I need to do is create a custom component that will be a "screen" in a large Flex app, like a page in a Wizard.
So if I was doing this without FC, I'd make a new mxml component in Flex, e.g. "WizardStep.mxml" and then in the main app,
<mx:ViewStack>
<h:WizardStep id="one" label="Step One" />
<h:WizardStep id="two" label="Step Two" />
</mx:ViewStack>
For example, assuming I have set up the namespace "h" to like "com.handycam.*"
How would I accomplish this scenario if "WizardStep" is what I have been building in FC?

Thanks for your answer!
Unfortunately it still doesn't work.
In FC I used the file menu item "publish as swf" ( or however it's called in English -
I'm also struggling with the -unwanted- German workspace terms). This generated
the deploy-to-web and run-local folders. In Flex3, I imported haupt.swf (=main.swf)
from the run-local folder.
When I use the imported file in the Image tag with the
loadForCompatibily attribute set to "true",the application compiles,
opens the IE, the remaining LinkBar buttons are not affected - they
show/run the Flash Pro .swfs and their controls,
but the attempt to access the .swf in question produces:
VerifyError: Error #1053: Illegal override of z in mx.core.UIComponent.
at flash.display::MovieClip/nextFrame()
at mx.managers::SystemManager/deferredNextFrame()[C:\autobuild\3.2.0\frameworks\projects\fra mework\src\mx\managers\SystemManager.as:319]
at mx.managers::SystemManager/preloader_initProgressHandler()[C:\autobuild\3.2.0\frameworks\ projects\framework\src\mx\managers\SystemManager.as:2945]
at flash.events::EventDispatcher/dispatchEventFunction()
at flash.events::EventDispatcher/dispatchEvent()
at mx.preloaders::Preloader/timerHandler()[C:\autobuild\3.2.0\frameworks\projects\framework\ src\mx\preloaders\Preloader.as:398]
at flash.utils::Timer/_timerDispatch()
at flash.utils::Timer/tick()
The alternative approach:
<mx:SWFLoader x="3" y="35" width="970" height="425" loadForCompatibility="true" source="insets/haupt.swf"/>
produces:
VerifyError: Error #1014: Class flash.text.engine::TextLine could not be found.
at global$init()
If I code the SWFLoader tag as:
<mx:SWFLoader x="3" y="35" width="970" height="425" loadForCompatibility="true" source="
@Embed(source='insets/Haupt.swf')"/>
I get the same errors as I did for the Image tag approach.
Hope this helps.

Where can i find this flipping book component ?

i want to make a ebook like this -->
http://www.ns-tool.com/products/
where can i find the flipping book component ?
thx a lot~!

http://www.iparigrafika.hu/pageflip/

Flipping Book Component zoom in page question

Hello,
I have a flipping book component that works well. It has also a zoom button and function that also works but too well. It zooms too much.
I would like to have it zoom in less, but I cant find out how to adjust the zoom percent.
Can anyone help with this? Here is the "START ZOOM Function" code...
// Zooming settings
zooming = false;
zoom_panel_mc.zoom_btn.onPress = startZoomingMode;
myBook.onClick = bookClick;
function startZoomingMode() {
myBook.flipOnClickProp = false;
myBook.autoFlipProp = 0;
showZoomPointer();
zooming = true;
function bookClick(pageNumber, page_mc, isCornerClick) {
if (!zooming) {
return;
var page_url = page_mc.URL;
if (page_url != undefined) {
open_popup(page_url, pageNumber);
} else {
zooming = false;
myBook.flipOnClickProp = true;
myBook.autoFlipProp = 50;
hideZoomPointer();
function open_popup(page_url, pageNumber) {
if (zoom_win != undefined) {
return;
hideZoomPointer();
zoom_win = mx.managers.PopUpManager.createPopUp(_root, Window, true, {title:"Page Number: " + pageNumber, closeButton:true});
zoom_win.createObject("ScrollPane", "zoom_pane", 0, {contentPath:page_url, _x:3, _y:31});
zoom_win.setSize(popup_width, popup_height);
zoom_win.zoom_pane.setSize(popup_width-6, popup_height-31);
listenerObject = new Object();
listenerObject.click = closeWindow;
zoom_win.addEventListener("click", listenerObject);
zoom_win._x = Stage.width/2-popup_width/2;
zoom_win._y = Stage.height/2-popup_height/2;
function closeWindow(eventObject:Object) {
zoom_win.deletePopUp();
zooming = false;
delete zoom_win;
myBook.flipOnClickProp = true;
myBook.autoFlipProp = 50;
function showZoomPointer() {
Mouse.hide();
attachMovie("ZoomIcon", "zoom_icon_mc", 0);
zoom_icon_mc.onEnterFrame = function() {
this._x = _xmouse;
this._y = _ymouse;
function hideZoomPointer() {
Mouse.show();
delete zoom_icon_mc.onEnterFrame;
zoom_icon_mc.removeMovieClip();

The lack of formatting (indentations) makes that much code very difficult to both read and follow logically, and with the amount of it, I decided it was better for you to try to find it than me after a quick glance failed to locate it. That said... the function was just a line away from the line that prompted me to want to see it...
zoom_panel_mc.zoom_btn.onPress = startZoomingMode; // this is why I wanted to see it
myBook.onClick = bookClick;
function startZoomingMode() { // this is where it is hiding
myBook.flipOnClickProp = false;
myBook.autoFlipProp = 0;
showZoomPointer();
zooming = true;

Custom component in Flex 4.0 to change the label position on top of its children

Need to show the label on top of its children by changing position of the FormItems lablel through custom component in Flex 4.0

Hi,
Thanks much for following up. Yes, my itemrenderer is defined inline and I did reference the dataprovider's group id via "outerDocument". As a matter of fact, I think I simply copied/pasted the code. The only significant difference I can see is yours is defined directly inside an Application tag whileas mine is under a VGroup:
<s:VGroup>//this is the top tag
<s:DataGroup>
        <s:layout>
            <s:VerticalLayout/>
        </s:layout>
        <s:ArrayList id="listDP">
            <fx:String>Age 21-30</fx:String>
            <fx:String>Age 31-40</fx:String>
        </s:ArrayList>
        <s:itemRenderer>
            <fx:Component>
                <s:ItemRenderer autoDrawBackground="false">
                    <s:RadioButton label="{data}" groupName="{outerDocument.rbGroup}"/>
                </s:ItemRenderer>
            </fx:Component>
        </s:itemRenderer>
    </s:DataGroup>
</s:VGroup>
Any ideas?
Geng

Extendscript - Book component type - ES bug or doc error?

Hi,
(FM 11, Win XP)
When you query ComponentType for an FM document book component, you get hexadecimal 0x200 which happens to equal Constants.FV_BK_FILE. However, the documentation says that this property should return one of:
• Constants.FV_BK_FOLDER (0x02) - Folder
• Constants.FV_BK_GROUP (0x40) - Group
• Constants.FV_BK_FM (0x8) - FrameMaker document
• Constants.FV_BK_MIF (0x10) - MIF document
• Constants.FV_BK_XML (0x20) - XML document
Given the supposed MIF and XML options, I'm not sure if there is a bug in ES or if the documentation is just wrong. An XML component also returns 0x200. Any thoughts?
Thanks,
Russ

Hi Russ,
same issue here (FM 11, Win7). I'm not sure, but in my opinion it's an error in the documentation. The values for ComponentType should be:
Constants.FV_BK_FOLDER (0x2): Folder
Constants.FV_BK_GROUP (0x40): Group
Constants.FV_BK_FILE (0x200): File
Additionally you could check the sort of file type via BookComponentFileType (FM, MIF, XML, Ditamap).
In a short test script for traversing a hierarchical book the BookComponentFileType has some more values:
Constants.FV_BK_FOLDER (0x2): Folder
Constants.FV_BK_BOOK (0x4): Book (inside another book)
Constants.FV_BK_FM (0x8): FrameMaker document
Constants.FV_BK_MIF (0x10): MIF document
Constants.FV_BK_XML (0x20): XML document (also Ditamap and Bookmap)
Constants.FV_BK_GROUP (0x40): Group
The main difference between ComponentType and BookComponentFileType seems to be the more detailed information about the file type.
Best Regards, Andreas
Message was edited by: justBE

Flipping Book Component page turning button

Hello,
I have a flipping book component. It come with the basic page turning function where the user can turn each page manually. Because there are many chapters,I created buttons under the pages so that the user can navigate directly to specific pages. I can not find and create the code
to attach to each button to make the pages flip directly to the indicated page? The component uses AS2, im sure this is helpful.
Here is main code that appears at frame 1.
import mx.containers.Window;
// Popup size
popup_width = 900;
popup_height = 600;
// Zooming settings
zooming = false;
zoom_panel_mc.zoom_btn.onPress = startZoomingMode;
myBook.onClick = bookClick;
function startZoomingMode() {
myBook.flipOnClickProp = false;
myBook.autoFlipProp = 0;
showZoomPointer();
zooming = true;
function bookClick(pageNumber, page_mc, isCornerClick) {
if (!zooming) {
return;
var page_url = page_mc.URL;
if (page_url != undefined) {
open_popup(page_url, pageNumber);
} else {
zooming = false;
myBook.flipOnClickProp = true;
myBook.autoFlipProp = 50;
hideZoomPointer();
function open_popup(page_url, pageNumber) {
if (zoom_win != undefined) {
return;
hideZoomPointer();
zoom_win = mx.managers.PopUpManager.createPopUp(_root, Window, true, {title:"Page Number: " + pageNumber, closeButton:true});
zoom_win.createObject("ScrollPane", "zoom_pane", 0, {contentPath:page_url, _x:3, _y:31});
zoom_win.setSize(popup_width, popup_height);
zoom_win.zoom_pane.setSize(popup_width-6, popup_height-31);
listenerObject = new Object();
listenerObject.click = closeWindow;
zoom_win.addEventListener("click", listenerObject);
zoom_win._x = Stage.width/2-popup_width/2;
zoom_win._y = Stage.height/2-popup_height/2;
function closeWindow(eventObject:Object) {
zoom_win.deletePopUp();
zooming = false;
delete zoom_win;
myBook.flipOnClickProp = true;
myBook.autoFlipProp = 50;
function showZoomPointer() {
Mouse.hide();
attachMovie("ZoomIcon", "zoom_icon_mc", 0);
zoom_icon_mc.onEnterFrame = function() {
this._x = _xmouse;
this._y = _ymouse;
function hideZoomPointer() {
Mouse.show();
delete zoom_icon_mc.onEnterFrame;
zoom_icon_mc.removeMovieClip();

Nope... I worked my way up to what I know by digging in and learning as I go. There is no "Limitless" pill you can take to get you there quickly. MAke a copy of what you have and dig in and learn how it works.

Using Jumpeye Component in Flex

Hi,
has anyone successfully used Jumpeye's Drop Down Tree Menu
Component V3 in Flex 3? It's a great component to use in flash, the
submenus open and close on rollover/rollout (something I have not
been able to acheive with the Flex menubar). I used the flex
component kit to export the Jumpeye component from flash and
imported the swc into flex builder (I also imported the relevant
classes etc, inc faking an instance of mx.core.UIComponent(as per a
document I found on afcomponent's site). It works great on a simple
level (i.e. using defaults) but fails when I try to set any style
properties (these are done via an xml file with tags predefined by
Jumpeye in the component shim). I'm pretty new to Flex and am
obviously doing something very wrong, however, Jumpeye were not
able to help me as their focus is flash, although they commented
that clients of theirs have used the component successfully within
Flex.
Any help would be greatly appreciated.
Julie

>>You will need to put a little code here to better
understand, but as a guess, you might not have wrapped the
MovieClip in a UIComponent before adding it to the Flex display
list.
No. If the symbol in Flash was converted to a Flex Component,
this step is already taken care of.
Follow the example by Peter Ent to check if you have setup
the symbol in Flash correctly.
http://weblogs.macromedia.com/pent/archives/2007/04/example_of_the.html

Book component in flex

Similar Messages

Maybe you are looking for