Gallery widget backgroundcolor full screen

Hello,
I have some different pictures in my gallery widget, but i want to change the backgroundcolor when i touch a picture and this go to fullscreen.
Now is the background black?
Can i change this to a white background?
Robin

The YouTube widget in iWeb no longer functions since the demise of MobileMe. Go to YouTube, get the embed code from the video's page and add it to the HTML snippet in iWeb, not the YouTube widget.
Happy Holidays

Similar Messages

View widgets in full screen

Is it possible to view widgets in full screen. I have only been able to get the half screen presentation. That is very cluttered and small for my older eyes. Of course, I can click on pictures within updates and see those full screen, but I am talking about the top level facebook page for example.

Not vision impaired, just getting older. I just do not like the distraction of having something happening on the left hand side of the screen. This makes the facebook widget unattractive to me. I will just continue to use the computer instead of the TV. Maybe a future enhancement?
Best
Ray

Change Background on 3d Widget in full screen mode

Hey,
I am trying to have a custom background to my 3d widget that will be seamless from the regular size to full screen. So far if I want a photo in my bg I choose none for the Inspector > fill and then place it ontop of my photo in my book, however that photo goes away and the background turns black whenever you click to go to full screen mode on the 3d object. Is there any way to get that photo to be in the "full screen" bg as well as the regular book situation?
Thanks,
Stephany

You can choose a background color or you can set the contents to a max size but I don't think you can stack up both contents image and background image once an image is tapped and popped large, sorry.

Youtube widget: no full-screen?

When I insert a youtube widget into a page, the full-screen button does not work.

The YouTube widget in iWeb no longer functions since the demise of MobileMe. Go to YouTube, get the embed code from the video's page and add it to the HTML snippet in iWeb, not the YouTube widget.
Happy Holidays

Interactive widget goes full screen but Review widget does not...

Anyone know why this is or if there is any way to make it go full screen?
Thanks

I simply resized mine in the template a bit...
I don't know why it won't work fp for you, sorry. Perhaps things are a bit buggy right now. Keep trying and good luck.

Image size in iBooks Author 'Gallery' when at full page

Hi
I'me looking to make an image gallery (c 40 images) to fill a complete landscape page in IBAuthor
I now need to get the images from the photographers.
I was told to request them in the size below but I've just noticed that in the gallery format at full screen, the images look to be a different size due to the thumbnails at the bottom which I wish to include (I know you can untick this option)
Can anyone advise me if I need to ask for more or different information?
Specifically should I ask for images at 1024x768 pixels or at another size?
Many thanks.
Chris
Working with images
Photo should no larger than 500-600 kb each. iBookstore will ony accept books up to 2.0 GB for publication so I keep the size down for best results and to avoid performance issues.
The (older) iPad display has a 1024x768 pixel screen so this should be the maximum size of the image. To make sure that all ipad users can view images to the best effect.
Use JPG for opaque raster images and PNG for transparent raster images whenever possible.
Use an RGB color profile in your images to improve size and processing time
Cover images should be 1400 pixels wide in the smaller dimension

I'm guessing that they will be jpegs but I can ask for them in any format you consider best. I guess that's part of the question. The notes above say:
Use JPG for opaque raster images and PNG for transparent raster images whenever possible.
Use an RGB color profile in your images to improve size and processing time
Which format should I ask for?
Thanks

Adding full screen code into Captivate 5's basic Button Widget

Hi everyone!
I was able to create a full screen button in Flash that works with Captivate 5 projects, however, I want to be able to active the full screen feature for every button created using the basic 'button' widget that comes with the Captivate program. I am not a AS3 programmer so I think my issue is that I am confused as to where to place the full screen code into the existing 'button widget' code. Below is the code ...
Thanks in advance!!
edlearner
HERE IS THE FULLSCREEN CODE THAT I USE
button_name.addEventListener(MouseEvent.CLICK, fullScreen_action);
function fullScreen_action(event:MouseEvent):void {
stage.displayState=StageDisplayState.FULL_SCREEN;
stop();
HERE IS THE BASIC CODE FOR THE BUTTON WIDGET IN CAPTIVATE 5
//..........................Template for Static Widget(AS3)....................
//flash construct to use external interface : This is needed to use flash functionality for communication between two swfs
import flash.external.ExternalInterface;
import fl.controls.ComboBox;
var widgetMode:String = '';
var widgetParam:String = '';
var varHand:Object = null;
var movieHandle:Object = null;
XML.prettyIndent = 0;
XML.prettyPrinting = false;
XML.ignoreWhitespace = true;
var checkUpdatedXML = false;
var playedByButton = false;
var pauseFrame = 0;
var addednoskipframe = false
var myXML:XML;
var myData:String = '<element1><textProperties><font face="Trebuchet MS" style="" size="12"/><textDecoration bold="true" underline="false" italic="false"/><color textColor="0x000000" highlightRequired="false" highlightColor="0xffffff"/></textProperties><captions style="BUTTON_1" themeLabel="0" backColor="0xffffcc" eventAssign="" eventParam="" txtXPos="9" txtYPos="4" imgXPos="190" imgYPos="40" a="1" b="0" c="0" d="1" tx="0" ty="0" bgSelected="false" borderColor="0xff9933" borderSelected="false" containerXPos="" containerYPos=""><text visible="true" width="42" height="20" a="1" b="0" c="0" d="1" tx="18" ty="4">Button</text><image visible="false" width="22" height="18" a="1" b="0" c="0" d="1" tx="NaN" ty="NaN"></image></captions></element1>';
var xmlConfig:String = '<configs><styles label="Ivory" movieclip="BUTTON_1" backColor=""/><styles label="Frosted" movieclip="BUTTON_8" backColor=""/><styles label="Grey Space" movieclip="BUTTON_9" backColor=""/><styles label="Honey Comb" movieclip="BUTTON_10" backColor=""/><styles label="Mountain Blue" movieclip="BUTTON_11" backColor=""/><styles label="Aero" movieclip="BUTTON_12" backColor=""/><styles label="Gradient" movieclip="BUTTON_13" backColor=""/><styles label="Vivid 1" movieclip="BUTTON_14" backColor=""/><styles label="Vivid 2" movieclip="BUTTON_15" backColor=""/><styles label="Aqua" movieclip="BUTTON_16" backColor=""/><styles label="Glitter" movieclip="BUTTON_17" backColor=""/></configs>';
//var xmlConfig:String = '<configs><styles label="Button 1" movieclip="BUTTON_1" backColor=""/><styles label="Button 2" movieclip="BUTTON_2" backColor=""/><styles label="Button 1" movieclip="BUTTON_1" backColor=""/><styles label="Button 2" movieclip="BUTTON_2" backColor=""/><styles label="Button 3" movieclip="BUTTON_3" backColor=""/><styles label="Button 4" movieclip="BUTTON_4" backColor=""/></configs>';
var myConfig:XML = new XML(xmlConfig);
var myWM = "";
var mc:MovieClip;
CaptionMc.visible = false;
textFormatterMc.visible = false;
//update ();
var objName;
function fnHandleButtonEvent (evt:MouseEvent)
    if (varHand != null)
        switch (Number(myXML.captions.@eventAssign))
            case 1 :
                varHand.rdcmndResume = 1;
                break;
            case 2 :
                varHand.rdcmndPrevious = 1;
                break;
            case 3 :
                varHand.rdcmndNextSlide = 1;
                break;
            case 4 :
                varHand.cpCmndGotoSlide = varHand.cpInfoLastVisitedSlide;
                varHand.rdcmndResume = 1;
                break;
            case 5 :
                if(varHand.rdinfoCurrentSlide != (Number(myXML.captions.@eventParam) - 1)){
                    varHand.cpCmndGotoSlide = Number(myXML.captions.@eventParam) - 1;
                    varHand.rdcmndResume = 1;
                break;
            case 6 :
                navigateToURL (new URLRequest(myXML.captions.@eventParam), "_blank");
                break;
            case 7 :
                navigateToURL (new URLRequest("mailto:"+myXML.captions.@eventParam), "_blank");
                break;
        playedByButton = true;
function update ()
    myXML = new XML(myData);
    if (myWM == "Edit")
        textFormatterMc.setData (myXML.textProperties);//strCaptivateXML:String
        textFormatterMc.init ();
        CaptionMc.setData (myXML.captions, textFormatterMc);
        CaptionMc.setConfig (myConfig.styles);
        CaptionMc.init ();
        CaptionMc.visible = true;
        textFormatterMc.visible = true;
        var arr = [textFormatterMc.sizeSelectorMc];
        initCursor(arr);
    else
        CaptionMc.visible = false;
        textFormatterMc.visible = false;
        if(mc != null){
            removeAllChildren(mc);
        }else{
            mc = new MovieClip();
            addChild (mc);
        var xmlRef = myXML.captions;
        var textMatrix:Matrix = new Matrix(xmlRef.text.@a, xmlRef.text.@b, xmlRef.text.@c, xmlRef.text.@d, xmlRef.text.@tx, xmlRef.text.@ty)
        var txt:TextField = new TextField();
        objName = txt;
        txt.name = "txt";
        txt.mouseEnabled = false;
        txt.selectable = false;
        txt.multiline = true;
        txt.wordWrap = true;
        mc.addChild (txt);
        txt.text = xmlRef.text;
        txt.mouseEnabled = false;
        txt.width = Number(xmlRef.text.@width);
        txt.height = Number(xmlRef.text.@height);
        //txt.x = Number(xmlRef.text.@tx);
        //txt.y = Number(xmlRef.text.@ty);
        txt.transform.matrix = textMatrix;
        var txtProp = myXML.textProperties;
        var tf = new TextFormat(txtProp.font. @ face,txtProp.font. @ size,txtProp.color. @ textColor,getBool(txtProp.textDecoration. @ bold),getBool(txtProp.textDecoration. @ italic),getBool(txtProp.textDecoration. @ underline));
        txt.setTextFormat (tf);
        if (txtProp.color. @ highlightRequired == "true")
            txt.background = true;
            txt.backgroundColor = uint(txtProp.color. @ highlightColor);
        txt.visible = getBool(xmlRef.text. @visible)
        var mcCaption = new MovieClip();
        var mcCaptionMatrix = new Matrix(xmlRef.@a, xmlRef.@b, xmlRef.@c, xmlRef.@d, xmlRef.@tx, xmlRef.@ty);
        var ClassName:Class = getDefinitionByName(xmlRef.@style) as Class;
        var objHolder = new ClassName();
        objHolder.buttonMode = true;
        objHolder.addEventListener (MouseEvent.CLICK, fnHandleButtonEvent);
        mcCaption.addChild (objHolder);
        objHolder.transform.matrix = mcCaptionMatrix;
        if (SimpleButton(objHolder.getChildByName("btn")) != null && xmlRef.@bgSelected == "true")
            var tempColorStr = [email protected]();
            if (tempColorStr.length > 0)
                var objColorTransform = new ColorTransform();
                objColorTransform.color = uint(tempColorStr);
                SimpleButton(objHolder.getChildByName("btn")).transform.colorTransform = objColorTransform;
        if (MovieClip(objHolder.getChildByName("mcBorder")) != null && xmlRef.@borderSelected == "true")
            var borderColorStr = [email protected]();
            if (borderColorStr.length > 0)
                var borderColorTransform = new ColorTransform();
                borderColorTransform.color = uint(borderColorStr);
                MovieClip(objHolder.getChildByName("mcBorder")).transform.colorTransform = borderColorTransform;
        mcCaption.addChild (objHolder);
        mc.addChildAt (mcCaption, 0);
        var mcIconMatrix = new Matrix(xmlRef.image.@a, xmlRef.image.@b, xmlRef.image.@c, xmlRef.image.@d, xmlRef.image.@tx, xmlRef.image.@ty)
        var mcIcon = new Loader();//IconMovie();
        mcIcon.contentLoaderInfo.addEventListener (Event.COMPLETE, imageLoaded);
        if (xmlRef.image != ""){
            mcIcon.load (new URLRequest(String(xmlRef.image)));
        mcIcon.name = "mcIcon";
        mcIcon.transform.matrix = mcIconMatrix;
        mcIcon.visible = getBool(xmlRef.image. @visible)
        mc.addChild (mcIcon);
var cursor;
var otherCursor;
var downState = false;
function initCursor(arr:Array){
    cursor = new Cursor();
    cursor.mouseEnabled = false
    cursor.visible = false;
    addChild(cursor);
    otherCursor = new StretchCursor();
    otherCursor.mouseEnabled = false
    otherCursor.visible = false;
    addChild(otherCursor);
    for(var i=0 ; i< arr.length; i++){
        arr[i].addEventListener(MouseEvent.ROLL_OVER, showCursor)
        arr[i].addEventListener(MouseEvent.ROLL_OUT, hideCursor)
        arr[i].addEventListener(MouseEvent.MOUSE_DOWN, showOtherCursor)
        arr[i].addEventListener(MouseEvent.MOUSE_UP, hideOtherCursor)
    this.addEventListener(MouseEvent.MOUSE_UP, hideOtherCursor);
    this.addEventListener(MouseEvent.ROLL_OUT, hideOtherCursor);
function showCursor(e:MouseEvent){
    var txt = MovieClip(e.target).sizeTxt;
    if(!downState && txt.type == "dynamic"){
        cursor.visible = true;
        cursor.startDrag(true)
        Mouse.hide();
function hideCursor(e:MouseEvent){
    if(!downState){
        cursor.stopDrag()
        cursor.visible = false;
        Mouse.show();
function showOtherCursor(e:MouseEvent){
    var txt = MovieClip(e.currentTarget).sizeTxt;
    if(txt.type == "dynamic"){
        hideCursor(e);
        downState = true
        otherCursor.startDrag(true)
        otherCursor.visible = true;
        Mouse.hide();
function hideOtherCursor(e:MouseEvent){
    downState = false;
    otherCursor.stopDrag()
    otherCursor.visible = false;
    Mouse.show();
function removeAllChildren(mcRef:MovieClip){
    for(var i=(mcRef.numChildren-1); i>=0; i--){
        mcRef.removeChildAt(i);
function imageLoaded (e:Event)
    var mc = e.target.content;
    mc.width = Number(myXML.captions.image. @ width);
    mc.height = Number(myXML.captions.image. @ height);
function getBool (str:String):Boolean
    var ret:Boolean;
    if (str == "true")
        ret = true;
    else
        ret = false;
    return ret;
function getModifiedXML ():String
    return myXML.toString();
//to register enter frame function
this.addEventListener (Event.ENTER_FRAME,onEnterEveryFrame);
//Captivate App will not recognize a Static Widget unless this function is implemented and returns true
function isStatic ():Boolean
    return true;//denotes that this is indeed a Captivate Interactive Learning Object
//a object needs to be created and values filled in . This is taken by captivate and stored as //xml string. This is the mean to pass values between captivate and widget swf.
function getInspectorParameters ():Object
    //dev//Apply
    //set the data in _parameters fields. This is called by captivate to get the values of widget swf
    var _parameters: Object = new Object();
    _parameters.dataXML = getModifiedXML();
    return _parameters;
// whenever widget is inserted the widget swf is passed on the parameters stored inside captivate so that it is drawn in updated stage.
function setInspectorParameters (inParam:Object):void
    //Dev//on Double click //edit window
    myData = inParam.dataXML;
    myWM = widgetMode;
    update ();
//is called whenever widget needs to be drawn as per the changed
//parameters like OK to widget dialog and stage swf is updated with the current values.
function setParameters (inParam:Object):void
    if (inParam.dataXML != null)
        //redraw the widget as parameters has changed
        //dev//OK button
        myData = inParam.dataXML;
        myWM = widgetMode;
        update ();
//this function is called to set the variable on player
function cpSetValue (variable:String, val):void
    if (variable == 'movieHandle')
        movieHandle = val;
        varHand = movieHandle.getMovieProps().variablesHandle;
        //using varHand the variables can be accessed for eg. varHand.rdcmndPause = 1;
    if (variable == 'widgetMode')
        widgetMode = val;
        //dev//set mode
function getEditModeWidth ( ):int
    return 411;// return required width of widget properties dialog here
function getEditModeHeight ( ):int
    return 480;// return required height of widget properties dialog here
//Register all the functions with ExternalInterface
if (ExternalInterface.available == true)
    ExternalInterface.addCallback ("isStatic",isStatic);
    ExternalInterface.addCallback ("getInspectorParameters",getInspectorParameters);
    ExternalInterface.addCallback ("setInspectorParameters",setInspectorParameters);
    ExternalInterface.addCallback ("setParameters",setParameters);
    ExternalInterface.addCallback ("cpSetValue", cpSetValue);
    ExternalInterface.addCallback ( "getEditModeWidth", getEditModeWidth);
    ExternalInterface.addCallback ( "getEditModeHeight", getEditModeHeight);
//take care of optimised drawing inside this function. Check the widgetMode , widgetParams and draw accordingly
function onEnterEveryFrame (aevent:Event):void
    var wm:String = widgetMode;//this variable will be provided by Captivate App or Captivate Movie
    if (wm == null)
        wm = widgetMode;
    if (wm == null)
        wm = 'Stage';
        this.removeEventListener (Event.ENTER_FRAME,onEnterEveryFrame);
    else if (wm == 'Edit')
        //Property inspection inside Captivate app
        myWM = wm;
        update ();
        this.removeEventListener (Event.ENTER_FRAME,onEnterEveryFrame);
    else if (wm == 'Preview')
        //The code here is used for previewing the widget in the preview window of widget panel
        myWM = wm;
        update ();
        this.removeEventListener (Event.ENTER_FRAME,onEnterEveryFrame);
    else
        //On stage scrubbing/live preview inside Captivate app (OR) at runtime inside Captivate movie.
        if(!checkUpdatedXML){
            if (movieHandle != null)
                widgetParam = movieHandle.widgetParams();
            if (widgetParam != "")
                var myXml:XML = new XML(widgetParam);
                myData = myXml.property.(@id == "dataXML").string;
                wm = "Runtime";
                myWM = wm;
                update ();
                checkUpdatedXML = true
        if (movieHandle != null)
            if (movieHandle.isWidgetEnabled() == true)
                if(addednoskipframe == false)
                    var slidestart = movieHandle.getSlideProps().startFrame;
                    var slideend = movieHandle.getSlideProps().endFrame;
                    pauseFrame = Math.ceil((slidestart + slideend)/2);
                    var SlidePauseFrame = pauseFrame - slidestart + 1;
                    movieHandle.getSlideProps().slideHandle.AddNoSkipFrame(SlidePauseFrame);
                    addednoskipframe = true;
                if(movieHandle.isWidgetEnabled() && varHand.rdinfoCurrentFrame == pauseFrame && playedByButton == false)
                    varHand.rdcmndPause = 1;
                    this.removeEventListener (Event.ENTER_FRAME,onEnterEveryFrame);
stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;

Hi again,
I just added a virtual keyboard widget, so that you can enter text even in Fullscreen Mode
http://www.m-gd.com/virtual-keyboard-captivate-widget-en/

Click on an icon, which opens up a full screen swiping gallery

I have a project I am doing right now, which is basicaclly a book which showcases various printed materials and presentations. The book is laid out where each page has a subject with a photo, a brief description and then 3-6 icons underneath which represent the different examples (brochure, presentation, etc.). I want to be able to touch an icon, and then go to a full screen gallery where you can swipe through the various images. I can do this with keynote (transparent keynote widget) but with keynote, you cannot swipe between slides. Any ideas?

Perhaps my first post was not clear. I want the ability to touch a graphic icon button and then automatically launch a full screen gallery. That is not possible with a gallery widget. A gallery widget cannot open automatically to full screen and I cannot hide it or have a graphic icon represent it on the screen. I can create a keynote that is 0% opacity and overlaps the icon button so that when you touch the icon, keynote opens in full screen automatically. The only downside is that I do not get the swiping functionality, hence my question

How do I get aperture to automatically insert a .png overlay onto incoming photos from a tethered camera and constantly view the incoming photos in full-screen without retreating back into gallery?

As per the discussion title, I would like to be able to shoot with a tethered camera that will input images and display right away on my Mac on full screen, with each incoming photo display as such without ever going back to gallery view, and in each instance a .png graphics template is automatically overlayed on each photo that enters aperture such that when I print every photo the graphic template will appear on print.
Is aperture able to do this on its on? If so, how?
If not, is Apple script the only way to make this possible?

Would it then be possible to direct aperture tethered shoots to a folder where aperture will hot import, from which I can use action after import via the scrip as you mention?
I've seen it being done with my own eyes but I wasn't able to inquire more...

Looking for FULL SCREEN flash web gallery template

Hi,
I'm looking for a plugin for PS to make full screen flash gallery, something similar to this:
http://www.paulvanroekel.nl/picasa/CoolFullScreendemo/index.html
anyone know of any? free would also be good
Cheers,
TBK

You don't need a plug-in – there are dozens of free web gallery generators out there.

IBooks Author HTML5 Widget won't open in full screen

Hi,
I am building a ebook using iBooks Author, the ebook includes HTML5 widgets on several of the pages. Upon testing the book on desktop the HTML5 widgets work as they should (opening in full screen). However, when I test this on the latest iPad air, the widgets don't open in full screen. Instead they open as tiny thumbnails inside the space of the widgets icon. Has anyone else had this problem, and found a solution for it?
(P.S I have tested the ebook on older versions of the iPad as well, and on them the widgets open as they're supposed to - in full screen - so I am wondering if this is potentially a bug on the newer iPads?)

Mountain Lion is set up to close windows when you quit a program instead of saving them. To change this, put Safari in full-screen mode, move the cursor to the top, open Safari menu while holding Option key and close Safari from the menu.
If you want to do it automatically with all programmes, open System Preferences > General, and deactivate "Close windows when quitting an application"

Full screen widget cut my images

Hi, i´m using a full screen widget to show various images of my portfolio, but that widget cuts my images at bottom:
Original Image:
In Full Screen widget:
It´s annoying because i need to show too many images, can someone help me?
Thanks!

Please post a screenshot of this slideshow widget selected in Muse Design view with the Widget Options panel displayed (the panel off the blue dot) so the community can better understand how to help. Thanks.

Full screen widget cut images

Hi, i´m using a full screen widget to show various images of my portfolio, but that widget cuts my images at bottom:
Original Image:
In Full Screen widget:
Settings of the widget:
It´s a bug? someone with the same issue? there are solution?
Thanks!

Please post a screenshot of this slideshow widget selected in Muse Design view with the Widget Options panel displayed (the panel off the blue dot) so the community can better understand how to help. Thanks.

Video full screen Widget is uncompatible with MP3 player Widget

Hi
Has anyone come accross this problem?
As soon as you have the MP3 Player in place, the Full Screen video Widget goes mental.
Not a biggy but, still, anoying
Love
M

Hi,
The site you have shared also has the bottom part of the background image/slideshow hidden behind the footer bar - and that is the behavior that Muse fullscreen slideshow exhibits.
You can use a standard slideshow at 100% flexible width with a fixed height but then it won't stretch or contract vertically in response to browser.
Thanks,
Vikas

Why do custom widgets have to play full screen

Whats the reason that apples own widgets can play directly on the book - the video, quiz, interactive image etc
but if we create a widget in dashcode it can only work once made full screen?
is there a setting in the widget publication that will allow it to act like the native widgets?

Those instructions refer to running the application in fullscreen mode using the Lion operating system. Since you don't see either option, I suspect you don't have Lion installed.

Gallery widget backgroundcolor full screen

Similar Messages

Maybe you are looking for