Transparency in TOOLTIPS

Similar Questions

• ToolTip transparent as to the size of the button by default.

  How can I implement a transparent bubble as the default?

  I mean the white text that appears on the development of the icons in the menu.

  Thanks in advance.

  Hello

  in this link:

  http://supportforums.BlackBerry.com/T5/Java-development/problem-with-ToolTip/m-p/102847/highlight/tr...

  user peter_strange put a code for a ToolTip:

  I'm the only copy & paste

  package ..;
  
  /*
  
  Display a 'Tooltip" (String) at a specified location for s specified time
  This Tooltip can also be removed.
  Note that in my testing, the display time is not consistent.
  
  Following example shows it being added and removed using focus events.
  
  ButtonField bf = new ButtonField("Test") {
      MyTooltip _tooltip;
      protected void onFocus(int direction) {
          if ( _tooltip != null ) {
              _tooltip.removeToolTip();
              _tooltip = null;
          }
          // Display tooltip at 50,50 for 5 seconds
          _tooltip = MyTooltip.addToolTip(UiApplication.getUiApplication(), "Press to test", 50, 50, 5);;
      }
      protected void onUnfocus() {
          if ( _tooltip != null ) {
              // We have displayed a Tooltip - remove it
              _tooltip.removeToolTip();
              _tooltip = null;
          }
      }
   };
  
  */
  
  import net.rim.device.api.ui.UiApplication;
  import net.rim.device.api.ui.Manager;
  import net.rim.device.api.ui.Graphics;
  import net.rim.device.api.ui.Font;
  import net.rim.device.api.ui.Screen;
  import net.rim.device.api.ui.component.LabelField;
  import net.rim.device.api.ui.container.VerticalFieldManager;
  import net.rim.device.api.ui.container.PopupScreen;
  
  class MyTooltip extends PopupScreen{
      int _x;
      int _y;
      TooltipThread _tooltipThread;
  
      private MyTooltip(Manager manager) {
          super(manager);
       }
      public void sublayout(int width, int height)    {
          super.sublayout(width,height);
          setPosition(_x,_y);
          System.out.println("Tooltip x: " + Integer.toString(_x) + ", y: " + Integer.toString(_y));
      }
      protected void applyTheme() {
          // Overriden to suppress Border etc.
      }
      public void removeToolTip() {
          if ( _tooltipThread != null ) {
              _tooltipThread.dismiss();
          }
      }
      private void display(UiApplication uiApp, int x, int y, int displayTime) {
          _x = x;
          _y = y;
          _tooltipThread = new TooltipThread(uiApp, this, displayTime);
          _tooltipThread.start();
      }
  
      public static MyTooltip addToolTip(UiApplication uiApp, String toolTipString, int x, int y, int displayTime) {
          VerticalFieldManager manager = new VerticalFieldManager(Manager.FIELD_VCENTER|Manager.NON_FOCUSABLE) {
              protected void paint(Graphics graphics) {
                  graphics.setColor(0x00FFFFFF); // White
                  graphics.fillRect(0,0,getWidth(),getHeight());
                  graphics.setColor(0x00000000); // Black
                  graphics.drawRect(0,0,getWidth(),getHeight());
                  super.paint(graphics);
              }
          };
          MyTooltip toolTip = new MyTooltip(manager);
          LabelField label = new LabelField(' ' + toolTipString + ' ', LabelField.NON_FOCUSABLE);
          label.setFont(Font.getDefault().derive(Font.PLAIN, 16));
          toolTip.add(label);
          toolTip.display(uiApp, x, y, displayTime);
          return toolTip;
      }
  
      class TooltipThread extends Thread {
  
          Object _notifyObject = new Object(); // Used to allow user to dismiss this Tooltip
          PopupScreen _tooltip; // Screen we are going to display
          UiApplication _ourApplication; // access to pushGlobalScreen and dismissStatus from our Application
          int _displayTime; // in seconds
  
          public TooltipThread(UiApplication ourApplication, PopupScreen tooltip, int displayTime) {
              _tooltip = tooltip;
              _ourApplication = ourApplication;
              _displayTime = displayTime;
          }
  
          public void run() {
              _ourApplication.pushGlobalScreen(_tooltip, 999, false);
              synchronized(_notifyObject) {
                  try {
                      _notifyObject.wait(_displayTime * 1000);
                  } catch (Exception e) {
                  }
              };
              _ourApplication.dismissStatus(_tooltip);
          }
  
          public void dismiss() {
              // notify the waiting object to stop the Thread waiting
              synchronized(_notifyObject) {
                  _notifyObject.notify();
              }
          }
  
      }
  
  }
  

  PD: Sorry for my English.

• Triggers of the ToolTip, visible transparent in IE!

  Hello

  Just uploaded my first site of Muse (for my own host) and generally happy with it, except for a particular behavior in IE (7 & 8). In Internet Explorer, the homepage (mrsfizz.com) takes over with the ToolTip triggers made in the form of visible white areas. These do not appear in Safari, Chrome, or Firefox, which is the correect behavior. It is an urgent problem that the site needs to go live shortly. Any ideas?

  Thank you

  Hello

  It is known problem with transparent objects (with rounded corners) not to go too transparent in IE 7 and 8.

  I would suggest you here is to remove the rounded corners in all States of the ToolTip widget triggers and it should work fine after that.

  I hope this helps.

  Kind regards

  Sachin

• Why now (Firefox 42 developer edition) tooltip background is transparent? Is it possible to change this?

  That makes the text difficult to read in some situations, as when you're hovering tabs right on the icons next to the address bar. Overlays of text with icons and it is difficult to read. And Furthermore, it is then... unattractive.
  At the beginning, when I upgraded this morning, I thought it was something to do with my theme, but I changed it and it stays the same...
  I am attaching a picture of the effect. It's the same with any theme.

  I'm under Antergos (distribution based Archlinux), just in case this info could be of any help.

  Thank you!

  COR - el said

  Future builds of Linux will move to GTK + 3 (3.4 widget GTK +), so you may need to update your distribution of Linux.

  Like I said, Arch Linux here. Distribution of rolling release. Updated daily.
  And I have GTK + 3 is installed and a bunch of themes support.

  After a long search, I noticed that the only thing that solves this problem change my GTK theme flower with lxappearance.

  One of the other themes supporting GTK + 3 this in Firefox Developer (I used to use Zukiwi, also GTK + 3 compatible).

  ToolTips now have a black background and are perfectly readable.

  In any case, it's strange. I guess I can start firefox developer with
  $ GTK_THEME = best firefox-developer
  and continue to use the rest of the programs with my favorite GTK theme.

• Graphic framework for slide show prevents the visibility of the ToolTip

  I created a graph simple png with a transparent Center that I placed my image slideshow behind in a page of Muse.

  However, this meant when hovered over the cursor treats the graph as priority (despite the transparency) and ignores images showing well and their subsequent info ToolTip.

  I wondered how we could create a graphical border for a slide show of images still do not lose the ToolTip text?

  As Muse has such limited graphic design means slide show normal borders are very limited within the Muse so why I created a separate chart and imported.

  Thank you

  It is not possible and has nothing to do with the Muse. It is a normal thing in the hierarchy and how browsers determine interaction based on the limits of the 'object', not the transparency pixel.  Your approach is simply not ideal and you must find a different widget that handles this natively.

  Mylenium

• ToolTip Plugin help

  People,

  I'm trying to use the plugin following from the APEX Plugins site... : - dynamic Action Plugin - ToolTip

  APEX Version 4.2.4, browser is Firefox 24... Theme 26 for application...

  I am facing problems with the definition of the label and display help the mouse... The author of the plugin tells us to generate a definition for the tag like this:

  Label template:

  <labelfor="#CURRENT_ITEM_NAME#"class="help-tip {x01:'#CURRENT_ITEM_NAME#'}"tabindex="999"><spanclass="optional">

  Label template name: label.help - points

  I have created a demo application...

  Here is the access information:

  URL: http://apex.oracle.com/pls/apex/f?p=4550:1:0:

  Workspace: homeworld

  user name: demo

  password: demo

  # Application & name: 31206, Plugin problem

  Simple example of page 2... Page 1 is a report that calls page 2... First 2 items on page 2 have labels that should be display help text... No label is displayed...

  I hope someone can shine some light on the question, Miss me...

  Thank you

  Tony Miller

  Software LuvMuffin

  Ruckersville, WILL

  Hello

  Your page theme styles hide the span inside the label tag tags.

  So I change the template tag and removed the span it.

  Also, it seems so styles are perhaps missing as ToolTip is transparent.

  Because I add to the page CSS inline

  .ui-tooltip {
      background-color: #FAFAFA;
  }
  

  Kind regards
  Jari

• Point ToolTip not solid background

  I created a ToolTip using CSS and #CUSTOM_ITEM_HELP_TEXT # to create tooltips to point (I followed a demo hosted by Tyson Junglet/Dan McGhan 2012 presentation of Skillsbuilder).

  It consists of the following CSS:

  < style >
  . ToolTip {}
  Cursor: help;
  text-decoration: none;
  position: relative;
  color: #5555; 555
  }
  . ToolTip span {}
  margin left:-999em;
  position: absolute;
  }
  . ToolTip:hover span {}
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba (0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba (0,0,0,0.1);
  -moz-box-shadow: 5px 5px rgba (0,0,0,0.1);
  do-family: Calibri, Tahoma, Geneva, without serif.
  position: absolute; left: 1em; Top: 1em; z-index: 99;
  left margin: 0; Width: 250px;
  color: #3333; 333
  white-space: normal;
  text-decoration: none;
  opacity: 2.0;
  Filter:alpha(opacity=200); / * For IE8 and below * /.

  }
  {.custom_help}
  background: #8FC4D6; #9FDAEE;
  border: 1px solid #2BB0D7;
  padding: 0.8em 1em;
  text-align: left;
  text-decoration: none;
  }
  < / style >

  declared in the header of the page text

  I then use two models of label (you need one) and the other for optional:

  Required label template:

  Before the label:

  "< img src="#IMAGE_PREFIX#themes/theme_2/images/required.gif "alt =" "#VALUE_REQUIRED #" tabindex = "999" / > < a class = "tooltip" href = "#" tabindex = "-1" > ""

  After the Label:

  < span class = "custom_help" > #CURRENT_ITEM_HELP_TEXT # </span > < /a >

  Model of optional wording:

  Before the label:

  < a class = "tooltip" href = "#" tabindex = "-1" >

  After the Label:

  < span class = "custom_help" > #CURRENT_ITEM_HELP_TEXT # </span > < /a >

  It works very well for 12 of Firefox, but it does not work for IE (I tried IE7 and IE9)

  I have an example of work on the APEX. ORACLE.COM

  Workspace: rgwork

  User: TESTER

  Password: TEST123

  Application: DB APPLICATION (27964)

  Just hover over the label, and you will see the ToolTip planned looks like not solid and transparent in IE 7/9 but that works well in Firefox.

  At work, I use APEX 4.1 with Oracle 10 g Rel 2 and IE 7. (IE 7 is our standard, and we'll go to IE 9 in the coming months)

  Can someone please help me as soon as POSSIBLE. I have an application in production this month.

  Thank you.

  Robert

  http://apexjscss.blogspot.com

  Hello

  I made a few other changes. Here's the new CSS

  .tooltip {
  cursor: help;
  text-decoration: none;
  color: #555555;
  }
  .tooltip:hover {
  position: relative;
  }
  .tooltip:hover .custom_help{
  -webkit-box-shadow: 5px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 5px 5px rgba (0,0,0,0.1);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px 5px;
  position: absolute;
  left: 1em;
  top: 1em;
  margin-left: 0;
  width: 250px;
  color: #333333;
  white-space: normal;
  text-decoration: none;
  display: block;
  }
  .custom_help {
  background-color: #8FC4D6;
  border: 1px solid #2BB0D7;
  padding: 0.8em 1em;
  text-align: left;
  text-decoration: none;
  display:none;
  z-index: 99;
  }
  

  See page app id 69040 3 in your workspace to work properly in Internet Explorer.

  Kind regards

  Jari

• On the problem of button ToolTip

  Hi all

  Really appreciate using Muse earlier, such a tool at the beginning of it's life cycle.  However, I am a bit stuck.

  What I'm doing:

  I have 3 graphics.  I wanted to have a scroll effect AND a reversal of a slightly different image.  It did not seem possible so I re-did the gfx as png with transparency.  Then I put the chart that I wanted that the effect of scrolling of filling melts his own boxes in a layer under the png.  It worked very well!  I had my scroll effect AND my working capital change of State.  Now if there is an easier way to do it, I'm all ears!

  Now, I want to be able to click on each box and trigger a separate Panel to appear below with the relevant information.

  I achieved this goal by using the ToolTip widget.

  Problem:

  I did triggers the ToolTip the same size that the chart buttons including no fill obviously, so you can always see the button/graphic effect and scroll, but since they are covering the graphics I do not receive my substitution effect, because the mouse probably never "touch" buttons directly.

  I hope that there is a way around that I'm too tired to see easy

  Any help much appreciated.  Even to tell me I'm a fool to do that!

  Thank you

  Ian

  Hi Ian

  Have you tried to use the image as the fill for the triggers and then define States, you can use another image for a different State, so that when the mouse action will be the trigger, it would show that the States defined images.

  Change state with scrolling is not possible directly in Muse, but you can play with the opacity, with scrolling of the object it melts there entry/out indeed.

  Thank you

  Sanjit

• How to make the background of a transparent logo on a slide?

  This seems to be the doc would be in 7 Captivate User Guide, in "properties of the images and the flight path images":

  Image

  Transparent background Select the color fill icon. All occurrences of a particular color of an image can be made transparent.

  ...

  However, steps to reproduce:

  1 Ctl + sh + m inserting image (logo, white background a lot).

  2. double-click on the image to open the property inspector of the image.

  3. under the image is as follows:

  

  4 I opened what seems to be the color picker on the right and select white.

  5. I click click the eyedropper on the left (which, when I mouse over it, has the ToolTip, "Make the color transparent selected."

  Expected result: the white background becomes transparent.

  Result: white background remains white.

  I am barking the wrong tree? What is the correct and effective way to make the white background of a picture transparent?

  Thank you

  Jeff

  Let's just say that interface designer user Adobe wasn't in a good mood that day.

  If you notice closely, there is a semicolon between the eyedropper icon, which indicates that this icon is just a "label". Next to that is a button which you should click. A click, you get the color scheme which has also the standard choose fill color. Select the fill and click on the area of the image that you want to make transparent.

  Is another alternative for this, save the image in PNG format and import it into Captivate. It's hassle and in my experience is cleaner.

  Anthony

• Close the Tooltip with Click-outside

  I need a function that allows me to close the ToolTip with a click outside the ToolTip (trigger & target).

  I forgot something or is it really missing? (I don't want to make mousover and mouseout/mouseouthandler(), the target must remain because it has additional features inside the target; but with a simple click on the outside, there need to be able to be closed).

  Any ideas? This feature will be added soon?

  Thank you

  You can achieve this effect by using the light box with transparent background.

• Transparent PNG to overlay loaded dynamically Gallery

  Hi guys,.

  I hope I can explain it properly. The current movie can be seen at http://209.240.138.77/

  There are buttons on each side that parade the images loaded dynamically left and right. The script is compiled from external IN the file I pasted below.

  What I have to do is to load a transparent PNG images above, but below the buttons. I inserted a chart below. I tried to insert the png directly in the timeline as well as dynamically load in to a clip. The fate always the overlay on the bottom. Any ideas?

  See you soon,.

  Quinn

  

  package {}
  import flash.display.MovieClip;
  import flash.display.Loader;
  Import 12345678910111213import;
  import flash.display.BitmapData;
  import flash.display.StageAlign;
  import flash.display.StageScaleMode;
  import flash.display.DisplayObject;
  import flash.display.LoaderInfo;
  import flash.events.Event;
  import flash.events.IOErrorEvent;
  import flash.events.MouseEvent;
  to import flash.events.ProgressEvent;
  import flash.net.navigateToURL;
  import flash.net.URLRequest;
  import flash.net.URLLoader;
  import flash.net.URLRequest;
  import flash.display.Sprite;
  import flash.text.TextField;
  import flash.text.StyleSheet;
  import flash.text.AntiAliasType;
  import flash.text.TextFieldAutoSize;
  import flash.text.TextFormat;
  import com.hybrid.ui.ToolTip;
  import com.apdevblog.ui.video.ApdevVideoPlayer;
  import com.apdevblog.ui.video.style.ApdevVideoPlayerDefaultStyle;
  Import caurina.transitions.Tweener;
  Import caurina.transitions.properties.DisplayShortcuts;
  Import caurina.transitions.properties.FilterShortcuts;
  Import caurina.transitions.properties.ColorShortcuts;
  
  SerializableAttribute public class Main extends MovieClip {}
  
  the constructor function
  public void Main (): void {}
  If init() (stage);
  of another addEventListener (Event.ADDED_TO_STAGE, init);
  }

  private var paramObj: Object;
  optional xml path
  private var xmlPath: String = "xml/gallery.xml;
  the stage size
  private var sw: number;
  private var sh: number;
  private void init(e:Event=null):void {}
  paramObj = LoaderInfo (this.root.loaderInfo) .parameters;
  for (var i in paramObj) {}
  xmlPath = String (paramObj [i])? String(paramObj[i]):xmlpath;
  }
  
  loadXML (xmlPath);
  DisplayShortcuts.init ();
  FilterShortcuts.init ();
  ColorShortcuts.init ();
  internship. Align = StageAlign.TOP_LEFT;
  stage.scaleMode = StageScaleMode.NO_SCALE;
  stage.addEventListener (Event.RESIZE, resizeHandler)
  SW = stage.stageWidth;
  SH = stage.stageHeight;
  }
  
  the xml loader
  private var _xmlLoader: URLLoader;
  private void loadXML(s:String):void {}
  loading the xml for news here
  _xmlLoader = new URLLoader();
  _xmlLoader.load (new URLRequest (s));
  _xmlLoader.addEventListener (Event.COMPLETE, completeXML);

  }
  
  private var _xml: XML;
  store the thumbnail
  private var thumbArr: Array = [];
  the number of items
  private var itemNum: number = 12;
  store the type of the element
  private var typeArr: Array = [];
  store the size of the media of the item file
  private var sizeArr: Array = [];
  store the location of the media of the item file
  private var urlArr: Array = [];
  color of the link in the content
  private var linkColor: String;
  store the location of the link
  private var linkArr: Array = [];
  the thumbnail title
  private var titleArr: Array = [];
  How to open the link
  private var _target: String;
  
  the number of columns of thumbnails
  private var columns: number;
  size of the thumbnail
  private var thumbWidth: number;
  private var thumbHeight: number;
  filling between each thumbnail
  private var thumbPadding: number;
  value of the assets of the image/video
  private var assetWidth: number;
  private var assetHeight: number;
  store the legend
  private var captionArr: Array = [];
  
  analyze the data
  private void completeXML(e:Event):void {}
  _xml = new XML (e.target.data);
  _xml. IgnoreWhitespace = true;
  itemNum = _xml.item.length ();
  Columns = Number (_xml.@columns);
  thumbWidth = Number (_xml.@thumbWidth);
  thumbHeight = Number (_xml.@thumbHeight);
  thumbPadding = Number (_xml.@thumbPadding);
  assetWidth = Number (_xml.@assetWidth);
  assetHeight = Number (_xml.@assetHeight);
  linkColor = [email protected] ();
  _target = [email protected] ();
  for (var i = 0; i < itemNum; i ++) {}
  thumbArr [i] = (_xml.item[i].@thumbnail);
  titleArr [i] = (_xml.item[i].@title);
  typeArr [i] = (_xml.item[i][email protected] ());
  _Object var: Object = new Object();
  _Object.width = _xml.item[i].@width;
  _Object.height = _xml.item[i].@height;
  sizeArr [i] = _object;
  urlArr [i] = _xml.item[i].@url;
  linkArr [i] = _xml.item[i].@link;
  captionArr [i] = _xml.item [i] .text () m:System.NET.SocketAddress.ToString ();
  }
  _xmlLoader.removeEventListener (Event.COMPLETE, completeXML);
  _xmlLoader = null;
  initUI();
  }
  
  store the thumbnail in a container
  private var thumbContainer: Sprite = new Sprite();
  width of the thumbnail box
  private var thumbContainerWidth: number;
  the navigation arrows
  private var nextBtn: ArrowButton = new ArrowButton();
  private var preBtn: ArrowButton = new ArrowButton();
  store the arrows in a container
  private var btnContainer: Sprite = new Sprite();
  store the miniature gripper
  private var thumbClipContainer: Sprite = new Sprite();
  size of the boder hover
  private var borderSize: number = 0;
  store the border
  private var borderArr: Array = [];
  see the thumbnail now or the active
  private var isThumb: Boolean = true;
  
  store the image or the active video
  private var assetContainer: Sprite = new Sprite();
  store the active clip
  private var assetClipArr: Array = [];
  which image/video is view now
  private var currentAssetNum: number = 0;
  
  the text of the legend style
  private var textStyle: StyleSheet = new StyleSheet();
  initialize the text style
  private function initText (): void {}
  var hoverObj: Object = new Object();
  var linkObj: Object = new Object();
  var bodyObj: Object = new Object();

  linkObj.color = "#00FFFF";
  linkObj.textDecoration = "underline";
  bodyObj.fontFamily = "Arial";
  bodyObj.color = "#FFFFFF";
  bodyObj.letterSpacing = '0 '.
  bodyObj.leading = "4px";
  bodyObj.textAlign = 'left ';
  bodyObj.fontSize = 11;
  hoverObj.color = "#FFFFFF".
  hoverObj.textDecoration = "underline";
  textStyle.setStyle ("body", bodyObj);
  textStyle.setStyle ("a: link", linkObj);
  textStyle.setStyle ("" a: hover ", hoverObj");
  }
  
  store the caption element
  private var captionClipArr: Array = [];
  Store the image loader
  private var imageLoaderArr: Array = [];
  How image loader
  private var imageLoaderNum: number = 0;
  store the location of the image
  private var imageURLArr: Array = [];
  Ranger miniature charger
  private var thumbLoaderArr: Array = [];
  Add thumbnail image and video assets, etc. to the scene
  private function initUI (): void {}
  initText();
  addChild (thumbContainer);
  thumbContainer.addChild (thumbClipContainer);
  thumbContainerWidth = columns * (thumbWidth + thumbPadding)-thumbPadding;
  Add the tiles on the stage
  for (var i: int = 0; i < itemNum; i ++) {}
  var _shape: Sprite = new Sprite();
  _shape. Name = I.ToString;
  _shape. Graphics.beginFill (0x000000,. 4);
  _shape. Graphics.drawRect (0, 0, thumbWidth, thumbHeight);
  _shape. Graphics.endFill ();
  
  var ld: Loader = new Loader();
  LD. Load (new URLRequest (thumbArr [i]))
  _shape. AddChild (LD);
  thumbLoaderArr [i] = ld;
  var _border: Sprite = new Sprite();
  _border. Graphics.beginFill (0xFFFFFF, 0);
  _border. Graphics.LineStyle (borderSize, 0 x 191919);
  _border. Graphics.drawRect (0, 0, thumbWidth, thumbHeight);
  _border. Graphics.endFill ();
  _border.Alpha = 0;
  borderArr [i] = _border;
  _shape. AddChild (_border);
  /*
  Tweener.addTween (_shape, {_DropShadow_blurX:16, _DropShadow_blurY:16, _DropShadow_angle:90, _DropShadow_distance:4, _DropShadow_alpha:.4, time: 3});
  */
  thumbClipContainer.addChild (_shape);
  _shape.x is thumbPadding + i *(thumbWidth+thumbPadding);.
  _shape.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
  var s: Sprite = e.currentTarget as Sprite;
  var n: number = Number (s.name);
  {if(titleArr[n]!="")}
  var tf: TextFormat = new TextFormat();
  TF. Bold = false;
  TF. Size = 12;
  TF. Leading = 1;
  TF. Color = 0 x 333333;
  var tt:ToolTip = new ToolTip();
  TT. Align = "center";
  tt.titleFormat = tf;
  TT. Hook = true;
  tt.cornerRadius = 0;
  tt.autoSize = true;
  TT. Show (s, titleArr [n]);
  
  }
  
  Tweener.addTween (borderArr [n], {alpha: 1, time: 4, transition: "easeOutSine"})
  })
  _shape.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
  var s: Sprite = e.currentTarget as Sprite;
  var n: number = Number (s.name);
  Tweener.addTween (borderArr [n], {alpha: 0, time: 4, transition: "easeOutSine"})
  })
  / * Remove click event
  _shape.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  var s: Sprite = e.currentTarget as Sprite;
  var n: number = Number (s.name);
  var clip: DisplayObject = assetClipArr [currentAssetNum];
  If (clip! = null) Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  clip. Visible = false;
  }})
  currentAssetNum = n;
  {if (isThumb)}

  tweenToAsset();
  assetClipArr [currentAssetNum] .visible = true;
  Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
  Tweener.addTween (thumbContainer, {y: sh + borderSize, time: 8, transition: "easeInOutExpo"})
  Tweener.addTween (btnContainer, {y: sh + 32, time: 8, transition: "easeInOutExpo"})
  Tweener.addTween (assetContainer, {y:(sh-assetHeight) > > 1, time: 8, transition: "easeInOutExpo"})
  isThumb = false;
  }
  })
  */
  
  }
  
  thumbLoaderArr [0] .load (new URLRequest(thumbArr[0]))
  thumbLoaderArr [0].contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
  thumbLoaderArr [0].contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);
  
  var _mask: Sprite = new Sprite();
  _MASK. Graphics.beginFill (0xB22222,. 4);
  _MASK. Graphics.drawRect (thumbPadding-borderSize, - borderSize, thumbContainerWidth + borderSize * 2, thumbHeight + borderSize * 2);
  _MASK. Graphics.endFill ();
  thumbContainer.addChild (_mask);
  thumbClipContainer.mask = _mask;
  
  addChild (assetContainer);
  
  var panelWidth: number = 14;
  var leftPanel: ArrowButton = new ArrowButton();
  leftPanel.rotation = 180
  leftPanel.x = - 12;
  leftPanel.y = assetHeight*.5;
  
  var right panel: ArrowButton = new ArrowButton();
  rightPanel.x = assetWidth + 12;
  rightPanel.y = assetHeight*.5;
  leftPanel.alpha = rightPanel.alpha = 0;
  leftPanel.buttonMode = rightPanel.buttonMode = true;
  
  leftPanel.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
  Tweener.addTween (leftPanel, {alpha: 1, time: 4, transition: "easeOutSine"})
  })
  leftPanel.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
  Tweener.addTween (leftPanel, {alpha: 0, time: 4, transition: "easeOutSine"})
  })
  leftPanel.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  /*
  var clip: DisplayObject;
  Clip = assetClipArr [currentAssetNum];
  Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  clip. Visible = false;
  }})
  */
  pauseAsset();
  if(currentAssetNum>0) {}
  -currentAssetNum;
  } else {}
  currentAssetNum = itemNum-1;
  }
  /*
  assetClipArr [currentAssetNum] .alpha = 0;
  assetClipArr [currentAssetNum] .visible = true;
  Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
  */
  tweenToAsset();
  })
  rightPanel.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
  Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
  })
  rightPanel.addEventListener (MouseEvent.MOUSE_MOVE, {function(e:MouseEvent):void}
  Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
  })
  rightPanel.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
  Tweener.addTween (right panel, {alpha: 0, time: 4, transition: "easeOutSine"})
  })
  var cb: CloseButton = new CloseButton();
  rightPanel.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  pauseAsset();
  If (currentAssetNum < itemNum-1) {}
  currentAssetNum ++;
  } else {}
  currentAssetNum = 0;
  }
  /*
  assetClipArr [currentAssetNum] .alpha = 0;
  assetClipArr [currentAssetNum] .visible = true;
  Tweener.addTween (assetClipArr [currentAssetNum], {alpha: 1, time: 4, transition: "easeOutSine"})
  */
  tweenToAsset();
  })
  function pauseAsset (): void {}
  var clip: Sprite = assetClipArr [currentAssetNum];
  Tweener.addTween (clip, {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  clip. Visible = false;
  If (clip.getChildAt (0) is ApdevVideoPlayer) {}
  (clip.getChildAt (0) as ApdevVideoPlayer) () .pause;
  }
  
  }})
  
  }
  function tweenToAsset (): void {}
  var clip: Sprite = assetClipArr [currentAssetNum];
  clip.Alpha = 0;
  clip. Visible = true;
  Tweener.addTween (, {time: 2, delay:. 4, transition: "easeOutSine", onComplete:function (): void {}})
  If (clip.getChildAt (0) is ApdevVideoPlayer) {}
  (clip.getChildAt (0) as ApdevVideoPlayer) .play ();
  }
  
  }})
  
  Tweener.addTween (clip, {alpha: 1, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  }})
  
  }
  
  assetContainer.addChild (leftPanel);
  assetContainer.addChild (right panel);
  
  var _style:ApdevVideoPlayerDefaultStyle = new ApdevVideoPlayerDefaultStyle();
  _Style.bgGradient1 = 0 x 000000;
  _Style.controlsBg = 0 x 000000;
  _Style.controlsBgAlpha = 1.0;
  var closeBtn: CloseButton = new CloseButton();
  assetContainer.addChild (closeBtn);
  closeBtn.x = assetWidth - closeBtn.width*.5;
  closeBtn.y = - closeBtn.height*.5;
  closeBtn.buttonMode = true;
  closeBtn.visible = false;
  closeBtn.name = j.toString ();
  closeBtn.addEventListener (MouseEvent.CLICK, function(e:Event):void {}
  isThumb = true;
  var s: DisplayObject = e.currentTarget as DisplayObject;
  var n: number = Number (s.name);
  pauseAsset();
  Tweener.addTween (assetContainer, {y:-assetHeight, time: 4, transition: "easeOutSine"})
  Tweener.addTween (thumbContainer, {y:(sh-thumbHeight) > > 1, time: 4, transition: "easeOutSine"})
  Tweener.addTween (btnContainer, {y: sh > > 1, time: 4, transition: "easeOutSine"})
  })
  
  Add image/video assets to step
  for (var j: int = 0; j < itemNum; j ++) {}
  var s: Sprite = new Sprite();
  s.graphics.beginFill (0 x 000000, 1);
  s.graphics.drawRect (0, 0, assetWidth, assetHeight);
  s.graphics.endFill ();
  
  {if(linkArr[j]!="")}
  s.buttonMode = true;
  s.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  _s var: Sprite = e.currentTarget as Sprite;
  var n: number = Number (_s.name).
  try {}
  {if(linkArr[n]!="")}
  navigateToURL (new URLRequest (linkArr [n]), _target);
  }

  } catch(err:Error) {}
  }
  })
  
  }
  s.Visible = false;
  s.Name = j.toString ();
  assetContainer.addChildAt (s, 0);
  assetClipArr [j] = s;
  Tweener.addTween (closeBtn, {_DropShadow_blurX:2, _DropShadow_blurY:2, _DropShadow_angle:75, _DropShadow_distance:4, _DropShadow_alpha:.3, time: 3});
  
  closeBtn.visible = false;
  s.addEventListener (MouseEvent.MOUSE_OVER, {function(e:MouseEvent):void}
  Tweener.addTween (leftPanel, {alpha: 1, time: 4, transition: "easeOutSine"})
  Tweener.addTween (right panel, {alpha: 1, time: 4, transition: "easeOutSine"})
  _s var: Sprite = e.currentTarget as Sprite;
  var n: number = Number (_s.name).
  {if(captionClipArr[n]!=null)}
  captionClipArr [n] .visible = true;
  Tweener.addTween (captionClipArr [n], {alpha: 1, time: 4, transition: "easeOutSine"})
  }
  })
  s.addEventListener (MouseEvent.MOUSE_OUT, {function(e:MouseEvent):void}
  Tweener.addTween (leftPanel, {alpha: 0, time: 4, delay:. 4, transition: "easeOutSine"})
  Tweener.addTween (right panel, {alpha: 0, time: 4, delay:. 4, transition: "easeOutSine"})
  _s var: Sprite = e.currentTarget as Sprite;
  var n: number = Number (_s.name).
  {if(captionClipArr[n]!=null)}
  Tweener.addTween (captionClipArr [n], {alpha: 0, time: 4, transition: "easeOutSine", onComplete:function (): void {}})
  captionClipArr [n] .visible = false;
  }})
  }
  
  })
  
  {if(typeArr[j]=="image")}
  var imageLoader: Loader = new Loader();
  var _loading: loading = new Loading();
  s.addChild (_loading);
  _loading.x = assetWidth*.5;
  _loading.y = assetHeight*.5;
  _loading. Name = "loading";
  s.addChildAt (chargeurImage, 0);
  imageLoaderArr [imageLoaderNum] = imageLoader;
  imageURLArr [imageLoaderNum] = urlArr [j];
  imageLoaderNum ++;
  } else {if(typeArr[j]=="video")
  var videoPlayer: ApdevVideoPlayer = new ApdevVideoPlayer (assetWidth, assetHeight, _style);
  videoPlayer.videostill = "";
  videoPlayer.name = 'video ';
  position of the videoplayer at the bottom of the video controls
  videoPlayer.controlsOverVideo = true;
  checks should not fade out (not in mode full-screen)
  videoPlayer.controlsAutoHide = true;
  videoPlayer.autoPlay = false;
  videoPlayer.load (urlArr [j]);
  s.addChildAt (videoPlayer, 0);
  
  }
  
  {if(captionArr[j]!="")}
  var _caption: Caption = new Caption();
  captionClipArr [j] = _caption;
  _caption.addEventListener (MouseEvent.CLICK, function(e:MouseEvent):void {}
  e.stopPropagation ();
  })
  _caption.Alpha = 0;
  _caption. Visible = false;
  _caption. Name = "caption";
  _caption.Alpha = 0;
  _caption. Visible = false;
  _caption._text. Width = assetWidth - 24;
  _caption._text. StyleSheet = textStyle;
  _caption._text. Selectable = false;
  _caption._text. Multiline = true;
  _caption._text. AutoSize = TextFieldAutoSize.LEFT;
  _caption._text.antiAliasType = AntiAliasType.ADVANCED;
  var st:String = encodeURI (captionArr [j]);
  var model: RegExp = /(%09) + | (0 %) + | (0 % D) + / g ;
  St = st.replace (model, "");
  St = decodeURI (st);
  _caption._text. StyleSheet = textStyle;
  _caption._text.htmlText = m;
  _caption._bg. Width = assetWidth;
  _caption._bg. Height = _caption._text.height + 24;
  _caption.y = assetHeight - _caption.height;
  s.addChild (_caption);
  }
  }
  
  {if(imageLoaderArr[0]!=null)}
  imageLoaderArr [0] .load (new URLRequest(imageURLArr[0]));
  imageLoaderArr [0].contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
  imageLoaderArr [0].contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
  imageLoaderArr [0].contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
  
  }
  
  addChild (btnContainer);
  btnContainer.addChild (nextBtn);
  btnContainer.addChild (preBtn);
  preBtn.rotation = 180;
  nextBtn.buttonMode = preBtn.buttonMode = true;
  nextBtn.addEventListener (MouseEvent.CLICK, click Next);
  preBtn.addEventListener (MouseEvent.CLICK, clickPre);
  resizeHandler();
  }
  the progress of loading the image
  private void imageProgress(e:ProgressEvent):void {}

  }
  
  How many images have been loaded
  private var imageLoadedNum: number = 0;
  
  start loading the next image when an image is loaded, start playing the slideshow when images are loaded
  private void imageComplete(e:Event):void {}
  var _loader:Loader = Loader (e.target.loader);
  If (_loader.content is Bitmap) {}
  get the Chargers in the form of bitmap content
  var _bitMap:Bitmap = Bitmap (_loader.content);
  Turn on anti-aliasing
  _bitMap.smoothing = true;
  }
  var _loading: loading = _loader.parent.getChildByName ("loading") as loading;
  if(_loading!=null) _loading.parent.removeChild (_loading);
  if(imageLoadedNum<imageLoaderArr.Length) {}
  imageLoadedNum ++;
  var nextLd: Loader = imageLoaderArr [imageLoadedNum];
  {if(nextLd!=null)}
  nextLd.load (new URLRequest (imageURLArr [imageLoadedNum]));
  nextLd.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
  nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
  nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
  } else {}

  }
  }
  
  }
  
  The location of the error image manager e/s etc.
  private void imageIOError(e:IOErrorEvent):void {}
  if(imageLoadedNum<imageLoaderArr.Length) {}
  imageLoadedNum ++;
  var nextLd: Loader = imageLoaderArr [imageLoadedNum];
  {if(nextLd!=null)}
  nextLd.load (new URLRequest (imageURLArr [imageLoadedNum]));
  nextLd.contentLoaderInfo.addEventListener (ProgressEvent.PROGRESS, imageProgress);
  nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, imageComplete);
  nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, imageIOError);
  } else {}

  }
  }

  }
  
  start loading the next thumbnail when it can't load the previous tile
  private void thumbIOError(e:IOErrorEvent):void {}
  if(thumbLoadedNum<itemNum) {}
  thumbLoadedNum ++;
  var _nextLd: Loader = thumbLoaderArr [thumbLoadedNum];
  {if(_nextLd!=null)}
  _nextLd.load (new URLRequest (thumbArr [thumbLoadedNum]));
  _nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
  _nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);
  
  }
  }
  
  }
  
  How many tile is responsible
  private var thumbLoadedNum: number = 0;
  force the miniature customed size in the xml when they were loaded
  private void thumbComplete(e:Event):void {}
  var _tempLoader:Loader = Loader (e.target.loader);
  If (_tempLoader.content is Bitmap) {}
  get the Chargers in the form of bitmap content
  var _bitMap:Bitmap = Bitmap (_tempLoader.content);
  Turn on anti-aliasing
  _bitMap.smoothing = true;
  }
  
  _tempLoader.content.width = thumbWidth;
  _tempLoader.content.height = thumbHeight;
  _tempLoader.content.Alpha = 0;
  Tweener.addTween (_tempLoader.content, {alpha: 1, time: 4, transition: "easeOutSine"})
  if(thumbLoadedNum<itemNum) {}
  thumbLoadedNum ++;
  var _nextLd: Loader = thumbLoaderArr [thumbLoadedNum];
  {if(_nextLd!=null)}
  _nextLd.load (new URLRequest (thumbArr [thumbLoadedNum]));
  _nextLd.contentLoaderInfo.addEventListener (Event.COMPLETE, thumbComplete);
  _nextLd.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, thumbIOError);
  }
  }

  }
  
  private var currentCol: number = 0;
  Move the following block of vignette
  private void clickNext(e:MouseEvent=null):void {}
  currentCol ++;
  If (currentCol < Math.ceil (itemNum/columns)) {}
  Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
  } else {}
  currentCol = 0;
  Tweener.addTween (thumbClipContainer, {x: 0, time: 4, transition: "easeOutSine"})
  }
  }

  Move the previous tile
  private void clickPre(e:MouseEvent=null):void {}
  -currentCol;
  If (currentCol > = 0) {}
  Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
  } else {}
  currentCol = Math.ceil(itemNum/columns)-1;
  Tweener.addTween (thumbClipContainer, {x:-currentCol *(thumbContainerWidth+thumbPadding), time: 8, transition: "easeInOutExpo"})
  
  }
  }
  
  resize the layout
  private void resizeHandler(e:Event=null):void {}
  SW = stage.stageWidth;
  SH = stage.stageHeight;
  thumbContainer.x = (sw - thumbContainerWidth - thumbPadding * 2) > > 1;

  nextBtn.x = thumbContainer.x + thumbContainerWidth + thumbPadding;
  nextBtn.x = sw - 24;
  preBtn.x = 24;
  
  assetContainer.x = (sw - assetWidth) > > 1;
  {if (isThumb)}
  assetContainer.y = - assetHeight;
  thumbContainer.y = (sh - thumbHeight) > > 1;
  btnContainer.y = sh > > 1;
  } else {}
  assetContainer.y = (sh - assetHeight) > > 1;
  thumbContainer.y = sh + borderSize;
  btnContainer.y = sh + 32;
  }

  
  }
  

  }

  
  }

  You should be able to use addChildAt() once you have loaded evrything else to place the png to the index that you want to.

• Overview unwantedly convert a color to transparent (!)

  Hello

  I use a snippet to open png files and save them to gif format (to reduce the size of the file).

  The files are a book cover, including an orange background, with red, white and dark gray text and graphics (curves).

  Yesterday, it worked well.

  Today when I save as gif red color in the image disappears. I guess that it is transformed into Transparent. I see where the red text and graphic lines were is the background orange.

  Preview was not doing this yesterday.

  Today it is the same on the png files that I created yesterday, so I'm sure that change is in the preview, not Inkscape (which I used to create the PNG).

  I do not use the lasso or other tool to select all areas of the picture and enable transparency.

  I open the image, choose the export file to gif format and with the box checked and checked alpha, the color red is disappearing and I don't want it.

  Any suggestions much appreciated.

  Overview 8.1 (877.7)

  10.11.6 OSX

  Thank you.

  Do not use the gif. It is an older format, limited to 256 colors. It is quite insufficient for most uses (with the exception perhaps of dubious of these short "animations").

  One of the unique features of gif should have 'transparency' - but which has been achieved by stipulating a particular table as color being transparent (and not, as in modern formats, by adding a fourth channel, called "alpha channel" to the series of red, green and blue).

  Somehow the red in your translation got to be designated 'transparent color '.

  If you want to reduce the size of the file, try saving to jpeg and quality change to achieve a good balance between size and quality.

• Transparent BG involved Keynote

  When I have the BG in Keynote, assign the value 0% fill of a color some transitions are acting strangely. (I do this for export sequences from Keynote to QT with a transparent BG). Specifically, during a 'dissolution' images of the next slide just appear without any fading in, yet the images of the current slide fade off the coast. Past magic, when exported, do not have the BG as transparent at all until the transition is complete and the BG is so transparent.

  I know this might be an esoteric use of the Keynote, but anyone who has ever run into this issue?

  Retina MBP (mid-2012)

  10.11.6 OS

  Thank you

  Chris

  during a "dissolve" the images of the next slide just appear without any discoloration, but the images of the current slide fade off the coast.

  To achieve a transition between two slides with a transparent background requires a technique called luminance combining, Keynote does not use these effects.

  The work around is to add images parading on slide 2 slide 1, remove slide 2, and then adds a build to dissolve images now in slide 1.

• iOS 10 dock bar transparency hurt?

  I therefore had no problem, download and install iOS 10 right after being available. Has been one of the fastest and easiest for me so far. My problem is really minor, but I still feel like it happens something here c ELA is not quite right. I noticed after I moved my "dock" of low rank bar was much more sensitive and non transparent white background. I thought that maybe it just how it was supposed to be for iOS 10 but I then looked for the screenshots of others and even install it on my old iPhone 5 that seems correct and as he did in iOS 9. I also notice that when I click on an icon that has a folder of other apps my background is really very dark where before it lets just blur the background wallpaper and it darkens slightly. Again, works as I think should be on the old iPhone 5. Can just wait for the next small update and maybe it gets fixed or is it possible to reinstall iOS 10 that isn't a pain where I would have to reset everything?

  I rebooted, changed screen and clicked around on any setting I thought that maybe something to do with it, but no luck.

  Thank you

  Dave

  

  

  mine look the same with ios10 on iphone6s

• Weird glitch transparent on my apps

  Hello community,

  I met a bit of an oddity. I got my dads, computer laptop, it's a Macbook Pro 10.1 mid 2012 with screen retina, the latest version of OS X El Capitan 10.11.6, i7 2.6 with a SSD of SD512 Apple and 16 GB 1600 MHz DDR3. Graphics card: NVIDIA GeForce GT 1024Mo of 650 M.

  It is immaculate and works perfectly apart from a glitch whenever I start an application while having another open on the same office space in these odd remnants of it, faded but noticeable. I have enabled transparency 'reduce' turning on and off to see if it is the question, but it changed nothing. I'm an advanced user, but I have no idea what this might be. The strange this is, when I wanted to do a screenshot to post here, it does not appear, that's why I resorted to cracks the screen with my phone and the display of those below (I can do more if the issue is not clearly visible for some).

  If anyone knows anything, please any suggestions are welcome. This is the first time I ever had to start my own thread, since normally any problem can be solved with browsing a bit, but this time I even found the corresponding number. I have this feeling, due to the screenshot not having is not the weird glitch on it, maybe it's a hardware problem with the screen, but I'm stumped.

  Thank you in advance.

  Peace,

  Raph

  

  sounds like the GPU and it had reported problems with the retina 2012

  https://www.Apple.com/support/MacBookPro-videoissues/

  the repair program ends in a few months, so if your computer qualifies do it as soon as POSSIBLE.