Centering a horizontal image with label list...

Similar Questions

• Creating a homepage for Apex using horizontal Images with label list?

  Hello
  
  I am trying to create a homepage for my application, which contains some intro text and images that would like specific interactive apex reports.
  
  However, I created a list using the horizontal Images with the list of the label template and during execution of the page - no images are displayed - it just displays the missing image icon
  
  The question I have, this is where are these defined images and how do I add a custom image for each item in the list

  You can do it in the apex by simply using a predefined list templates or even customize existing list templates.

  I suggest you to go through the sample application and try to understand how the entries in the list are defined and where to use the IMAGES.

  In the APEX of the layout defined in the templates page and the positioning of regions (lists in your case) are based on their Display Position

  Pass by this
  http://docs.Oracle.com/CD/E23903_01/doc/doc.41/e21674/nav_list.htm#CACCJHEE

• Captivate 8 game Image with label

  I wish I had a quiz that shows 5 images and have the entitled user the correct label to the image.

  Anyone know how I can do this?

  I've been fiddling with it for a few hours and seem to become any where.

  Thank you in advance!

  Cristina

  I would use & slipped in this case, because it can be configured as a slide in the issue, including the score, reports and other features.

  You will have the choice to define labels or images such as draggable. You have the final measures (as for question slides) and the actions of the object.

  Some more tips: advice & glide - Captivate blog

  .

• Change the Image in the list

  Hello
  
  I looking probably in the wrong place, but how can I change combines it images with a list entry.
  
  If I go to
  
  Home > Application Builder > Application xxx > shared components > list details > edit grid
  
  I can change some values, but I don't see any place to edit the same image if its in the report.
  
  I don't know that I'm missing something simple, so any help would be greatly appreciated. We are current using apec 4.1.1
  
  
  Thanks in advance

  Check this link can help u...

  https://forums.Oracle.com/forums/thread.jspa?threadID=899772

  or else

  Edit the image in your shared_components-> images.

  or else

  directly in the flow of the table WWV_FLOW_IMAGE_REPOSITORY

• No image in the list - Pull Down Menu with Image

  Hello
  
  I'm trying to add an image to a list of type "Pull Down Menu with Image (Custom 1)", but the image will not be displayed. I use the model 2 - blue and fan.
  
  I'm doing something wrong or is this a known bug? The image I tried to add is "menu/trafficlight_64.gif" (I used the image browser to add to that).
  
  I made an example on apex.com:
  http://Apex.Oracle.com/pls/OTN/f?p=61914:1:0 (this is APEX 3.2 but APEX 3.1.2 has the same problem).
  
  Any idea?
  
  Matthias

  Matthias

  In this case, try the following as a source:

  
  
  #TEXT#
  

  And that image: /htmldb/builder/run_flow_ctrl.gif

  Which should be exactly the same as the request of the manufacturer.

  See you soon

  Ben

• image size of list article

  Hello

  Anyone know the size of the image of point list? My small images is not stretched to fill, and large images shrink to match it. This is quite annoying because it allows no flexibility.

  I want an image to display in the center of the image holder in a list. But it does not seem possible, unless I have manually create a white background with an image in it, resized to an appropriate size.

  Any ideas?

  Thank you

  G

  I think that it is better to create a custom list item. Default list item has another problem: separators between elements are thick, but up and down those are slim. On system screens each item has only low separator.

  Here's how I position content in the custom list item:

          Container *imageContainer = Container::create()
                          .vertical(VerticalAlignment::Center)
                          .layout(DockLayout::create())
                          .preferredSize(121, 109)
                          .add(imageView_ = ImageView::create()
                                   .vertical(VerticalAlignment::Center)
                                   .horizontal(HorizontalAlignment::Center)
                                   );
          imageContainer->setMinWidth(121);
          imageContainer->setMinHeight(109);
  
          Container *imageAndContentContainer = Container::create()
                          .layout(StackLayout::create()
                          .orientation(LayoutOrientation::LeftToRight))
                          .add(imageContainer)
                          .add(contentContainer);
  
          Container *separatorContainer = Container::create()
                          .layout(StackLayout::create())
                          .add(imageAndContentContainer)
                          .add(Divider::create().topMargin(0).bottomMargin(0));
  
          Container *selectionContainer = Container::create()
                          .layout(DockLayout::create())
                          .add(separatorContainer)
                          .add(borderImageView_ = ImageView::create("asset:///images/other/selectedControlBorder.amd")
                                   .visible(false)
                                   .vertical(VerticalAlignment::Fill)
                                   .horizontal(HorizontalAlignment::Fill));
  
          setRoot(selectionContainer)
  

• How can I show only images with the tag specific higher in the hierarchy of keywords, not including sublevels?

  I use a lot the hierarchical keywords.  For example, the location of the World/Europe/Austria/Tirol/specific.  I sometimes attribute only a top-level keyword (example: Austria) of an image when I don't know any more details.  How can I show only the images that have the label that I select, but not those with levels of basements for this keyword?  Exactly as the choice in folders view to examine only a folder selected, but not subfolders.  There could be a complicated way to implement a smart collection that includes a keyword, but excludes images with more that this number of keywords, but that could be really intensive work.

  It's easy, but fairly obscure: in the library filter bar, select the keyword column.  Click on the 'Properties' button on the right, and then select display: flat.  Now painfully, scroll through the list and select the desired keyword:

  

• Why the title bar on Firefox and the Windows 7 taskbar let distorted image when a list of folders crosses one or the other?

  I use a lot of folders in my bookmarks list. I noticed that with AMD and Nvidia cards based on video, that if I use a folder in my bookmarks list that a lot, a lot of bookmarks, the bookmark list will cross the box title bar of Firefox and the taskbar in Windows 7 and down. When this happens, the title bar on Firefox versions 8-10 and the taskbar at the bottom let images from the list of bookmarks which do not disappear (at least that I have use F11 mode full screen to clear away from the image and bring it back to normal). If I use a Matrox video card, it doesn't. Why is this?

  Try turning off hardware acceleration.

  • Tools > Options > advanced > General > Browsing: "use hardware acceleration when available.

  If disable hardware acceleration works then check if there is an update available for your graphics display driver.

  • https://support.Mozilla.org/KB/how-do-i-upgrade-my-graphics-drivers

• Images with novelties that appear as a draft

  I am using BT Yahoo - Mozilla Firefox Windows XP Professional with Service Pack 2. There is a section of news on the home page, but any newspaper article accompanied by still images (e.g., celebrations of the Chinese new year January 22) the images are suppressed. I tried the solution suggested by cor - el, but it failed.

  You can use the following steps to check if the images are blocked:

  • Open the web page that has the missing images in a browser tab.
  • Click the site favicon (How do I know if my connection to a Web site is secure?) on the left end of the address bar.
  • Click on the "More information" button to open the "Page Info" with the Security tab selected (also accessible via "tools > Page Info").
  • Go to the Media of the window tab "tools > Page Info.
  • Select the first link of the image and scroll down through the list with the arrow down.
  • If an image in the list is grayed out and there is a check mark in the box "block Images of..." and remove this mark to unlock the images from this area.

  See also:

  • http://KB.mozillazine.org/Images_or_animations_do_not_load
  • https://support.Mozilla.org/KB/images+or+animations+do+not+show

• Acquisition of images with 3 USB cameras causing too many uses of the memory/cpu

  Dear experts,

  I'm trying to capture images with 3 cameras USB, located in 3 different positions. I have to initialize each cameras using USB list vi camera when switching between cameras. I realize that, by making this method causing too many uses of the memory/cpu and can cause CPU hang up. If I stop the program, the memory/cpu counter are down.

  Do you know how to reduce this problem.

  Thank you

  Hart

  
  

• Change the State of all the Image inside the list view toggle button when a list is tap

  Hi, please help, is there a way to change the State of a toggle button to image inside the listview where in when you type a list, the toggle button in the list state change and the other toggle button will be set to their default image? the list has a defined Image toggle button to check both...

  
  ListView {
  
                      layout: GridListLayout {
                          cellAspectRatio: 1.4
                      }
  
                      id: denominationList
                      dataModel: _model.denominationModel
  
                      listItemComponents: [
  
                          ListItemComponent {
  
                              id: component
                              type: "item"
                              CustomListItem {
  
                                  id: itemRoot
                                  dividerVisible: false
                                  highlightAppearance: HighlightAppearance.None
  
                                  Container {
                                      id: fieldContainer
                                      topPadding: 5
                                      leftPadding: 10
                                      rightPadding: 10
                                      bottomPadding: 5
                                      //maxWidth: 270
  
                                      layout: DockLayout {}
  
                                      Container {
                                          id: amountContainer
                                          //topPadding: 
  
                                          layout: DockLayout {}
                                          background: Color.create("#ffffff")
                                          horizontalAlignment: HorizontalAlignment.Center
                                          verticalAlignment: VerticalAlignment.Center
  
                                          ImageView {
                                              id: amountBorder
                                              preferredWidth: 400
                                              imageSource: "asset:///images/flux/amount-border-other.png"
                                          }
  
                                          Container {
                                              horizontalAlignment: HorizontalAlignment.Center
                                              verticalAlignment: VerticalAlignment.Center
                                              layout: StackLayout {
                                                  orientation: (!(ListItemData.name > 4) ? LayoutOrientation.TopToBottom : LayoutOrientation.LeftToRight)
                                              }
  
                                              Container {
                                                  horizontalAlignment: HorizontalAlignment.Center
                                                  verticalAlignment: VerticalAlignment.Top
                                                  visible: (ListItemData.name.length > 4)
  
                                                  preferredHeight: 60
  
                                                  Label {
                                                      id: loadPromoName
                                                      textFit.mode: LabelTextFitMode.FitToBounds
                                                      //multiline: true
                                                      visible: (ListItemData.name.length > 4)
  
                                                      textStyle{
                                                          fontSize: FontSize.Medium
                                                          fontWeight: FontWeight.W300
                                                          color: Color.create("#b9babe")
                                                          textAlign: TextAlign.Center
                                                      }
  
                                                      text: ListItemData.name
                                                  }
                                              }
  
                                              Container {
                                                  verticalAlignment: VerticalAlignment.Center
                                                  topPadding: 8
                                                  rightPadding: 0
                                                  ImageView {
                                                      visible: (ListItemData.name.length <= 4)
                                                      preferredHeight: 40
                                                      imageSource: "asset:///images/flux/pesosign-amount.png"
                                                  }
                                              }
  
                                              Container {
                                                  verticalAlignment: ((ListItemData.name.length > 4) ? VerticalAlignment.Center : VerticalAlignment.Bottom)
                                                  horizontalAlignment: HorizontalAlignment.Center
                                                  leftPadding: 0
  
                                                  Label {
                                                      id: amountLabel
                                                      textFit.mode: LabelTextFitMode.FitToBounds
  
                                                      textStyle{
                                                          fontSize: FontSize.XLarge
                                                          fontWeight: FontWeight.W300
                                                          color: Color.create("#b9babe")
                                                          textAlign: TextAlign.Center
                                                      }
  
                                                      text: ListItemData.amount
                                                  }
                                              }
                                          }
                                      }
                                  }
                              }
                          }
                      ]
                      onTriggered: {
                          var selectedItem = dataModel.data(indexPath);
  
                      }
                  }
              }
  

  link the button to a property of an element, and then change all the elements in the datamodel. ListView reflects these changes.

• No image with customized image of Windows 10 Acer Iconia W510

  I'm trying machines Acer Iconia W510 image with an image of Windows 10 we did. We have already photographed a few tens of individuals. A dozen, however, refuse to take the picture. They are currently on Windows 8. The image on an external hard drive that plug us into the USB port.

  The steps I take to the imaging process are as follows: "Change PC settings"->"update and recovery"-> "recovery"->"Advanced startup" and I click on the button 'Restart now', who sends me to a screen with three options, continue to windows 8.1, troubleshooting, and turn off your PC.

  I select 'Troubleshoot '->' Advanced'-> "Image system recovery"

  The Acer screen appears with "Preparation of the system image recovery" at the bottom. I sign in the administrator account when prompted to choose an account.

  A window appears and scans for images. I selected the "Select a system image" option and then select the correct image of Windows 10.

  Then, I select the only available option for "select the date and time of the system image to restore.

  After that, there is a message that says "for the restoration of this computer, needs of Windows to format the drive that the Windows recovery environment is running on." To continue with the restore, shut down this computer and it boot from a Windows installation disc or a disc repair system, then try the restore again. "At this point, I have no way to continue.

  Even if I plug the USB recovery drive we used, I get the same message. I don't know what the problem is or how to get past. Any help is appreciated!

  Hi Ryan,

  According to the description, you can not install updates and the this issue may occur if one or more of the following conditions are met: 

  1. The Windows Update database is damaged.
  2. Antivirus software is configured to scan the folder % Windir%\SoftwareDistribution.
  3. Service (BITS) Background Intelligent Transfer Service does not receive a content link header.
  4. A required system file is incorrectly registered.

  Try it out below mentioned methods and see if it works for you.

  Method 1

  First of all, I suggest you run Windows update troubleshooting tool to get the problem automatically detected and corrected. This fixit checks the configuration of the Windows Update components and repairs, fixes incorrect Windows Update the locations of data and records of necessary services. For the race, the troubleshooter refer to sub article what can I do if I have problems to install updates.

  Windows Update: FAQ

  Method 2

  I suggest you to check if you are able to access Windows Update services and also make sure that the following services are started. If it is not started, follow the listed below as follows:

  a. press the Windows key + R, type "services.msc" (without the quotes) in the Run dialog box to start, and press enter.

  b. Locate the Windows Update service.

  c. right-click on the Windows Update service and select Properties.

  d. in Startup type, select enable.

  e. click Start under Service status.

  f. click OK.

  g. Repeat steps c to f for the following services :

  CSP & Background Intelligent Transfer Service.

  If these steps do not help to solve the problem, you can proceed to the step below and check.

  Method 3

  If the problem persists I suggest to reset the Windows Update components and for this, try to run the fixit described in the following article. If you already tried the fixit even before that I ask of you rerun the fixit.

  How to reset the Windows Update components?

  http://support.Microsoft.com/kb/971058/en-us#LetMeFixItMyselfAlways

  Keep us.

  Kind regards

• jQuery/Ajax - images in the list of a folder in the select tag / option

  Trying to grab an image list to a file and loop through them to create a list of < select > < option > using ajax. Found this piece of code while Googling for a solution that gets the job done (I added to the click event as I want the list update/upgrade to update if a new image is uploaded to the folder without a page re - load) BUT of course the result is that the code adds the same image on each click names, so I find myself with several images with the same name in the list!

  {$(document) .ready (function ()}

  {$('.product-images').click (function ()}

  $.ajax({)

  URL: "pictures."

  success: {function (data)}

  $(data) .find ("was: {contains (.jpg)" "}") .each (function ()})

  make a loop through

  var images = $(this) .attr ("href");

  $('<option_value="'_+_images_+_'"></option>').html (images).appendTo('.product-images');

  });

  }

  });

  });

  });

  < /script >

  Gets above the list of images in a folder named "images" and added to the below:

  < select name = "product image" class = "product image" >

  < option > select picture < / option >

  < / select >

  What I need, is to stop the same image names added every time you click the < select > tag.

  Someone at - he tried to do this before and has a solution?

  I can add the list once but if new images added to the folder and then they don't show up until the page is re-rested.

  Operating system

  What I need is to stop the same image names added each time that thetag is clicked.

  Your current code is that, with each action click the product images selection list. If I understand you correctly, you only want to add at the start of the images to the list of selection of product images. You can do this when the page initially loads by omitting the click event handler in your code in place. Or you want to initially load current images of the file and automatically load the new images to the list of false real time via ajax call? One way to do it via ajax is not to add to what is already there, but to 'rebuild' the selection at each click event list. Users might lose if they click, click, then click on back to a list of selection, as well as items from the selected list previously. Or you could store image names in a database and execute queries to the Database via ajax call to ensure that records duplicate is not appended to the list if they were already annexed during subsequent calls to ajax. The logic of programming for this scenario is quite simple.

  I can add the list once but if new images added to the folder and then they don't show up until the page is re-rested.

  To get new images (or data in real time by the way) to instantly load in the page is a named term responsive development in applications of node. Watch for more information. Loading new data into a fake outlet via ajax call will be processor intensive and taxation for the customer. There are lots of calls from application/waitforresponse on the server when you use php/ajax, which would be very tax when this method is scaling. Using Sockets open through an application node would be the best approach for something like that.

  best,

  Shocker

• Need a Script to the space of images on a total gap, then tag each image with the percentage of the total image space

  By editing the other scripts, I found here and other sites (including the labels size rorohiko), I worked on a script that will each image with the dimensions of the label and calculate the percentage of the spread of everything (including the text, white space).

  Now, I was invited to a script that tagged the images with the percentage of total image on a gap space. This script is so space images on a total gap, then tag each image with the percentage of the total image space. For example if there is an image that is 10 x 10 inches and four pictures that are images of 2.5x2.5, 10 x 10 would be tagged with 50% and the 2.5x2.5 would be tagged with 12.5%.

  This is the script that does the percentage of total circulation. Can some clever person get to do what I need?

  Suze

  (Sorry, I don't know how to post the script here with line numbers!)

  //

  This script adds printing of information labels to each graphic image. The labels are on a separate layer

  named "PercentageLabels" so that all these added labels can be removed again by simply removing

  the layer.

  //

  If you move or resize items, simply re-run the script to update the labels.

  //

  Before (re) start the script, you can define a paragraph style "SizeLabelStyle".

  This style will apply to all content on labels.

  //

  Before (re) start the script, you can set a style of object 'SizeLabelObjectStyle '.

  This style of object apply to all executives of the label - so if you want a specific background

  fill out or frame, do it through this object style.

  //

  You can change the units of the size label. I put in inches. Change the line below that has

  kUnitToUse - you can use:

  MeasurementUnits.CENTIMETERS

  MeasurementUnits.CICERO

  MeasurementUnits.INCHES

  MeasurementUnits.MILLIMETERS

  MeasurementUnits.PICAS

  MeasurementUnits.PIXELS

  MeasurementUnits.POINTS

  //

  By default the script will not attempt to label the "nested" images If you also want to label

  nested images (for example inline images, anchored frames, pasted images in the images,...) to change the line

  below to read:

  kLabelNestedItems = 1

  //

  If you want a specific image to stay without a label, you can use the Script label palette for

  assign a script called 'ignore' for this frame. The script will then not label this framework to the

  the title of the script is removed again.

  //

  Change the lines with kDontLabelImageFrames, kDontLabelTextFrames, kDontLabelOtherFrames

  below if you want to restrict labelling to only certain types of images: replace the '0'

  in "1" to enable these options.

  //

  Change the line with kShowImageFileName if you also want to display the names of the image in the

  size for the picture frames.

  //

  Small frames are not labelled - the cutoff point is currently a less than 0.1 inch high framework

  or 0.1 inch wide. You can change the cutoff point by adjusting the lines with kDontLabelBelowWidth

  or kDontLabelBelowHeight below.

  //

  var Girard;

  var gScriptFile;

  var gCaches;

  // ****************

  That's cheating spread automatically calculated

  var doc = app.activeDocument;

  doc.viewPreferences.horizontalMeasurementUnits = MeasurementUnits.inches;

  doc.viewPreferences.verticalMeasurementUnits = MeasurementUnits.inches;

  PageWidth = doc.documentPreferences.pageWidth var;

  stucture var pagewidth = * 2;

  var spreadheight = doc.documentPreferences.pageHeight;

  var spreadsquinch = stucture * spreadheight;

  Alert ("the total measure of square inch of spread is:" + spreadsquinch);

  //******************

  VR;

  {

  If (app.activeScript instanceof file)

  {

  var gScriptFile = app.activeScript;

  }

  }

  catch (Girard)

  {

  }

  If (typeof (kLogLevel) is "undefined")

  {

  const kLogLevel = 5;

  const kMaxLogNestLevel = 5;

  const kLogToMessageBox = 0;

  const kLogToConsole = 0;

  const kLogToFile = 0;

  const kLogFileName = "PercentageLabels.log";

  const kIgnoreFrameLabel = "ignore."

  const kSizeLabelLayerName = "PercentageLabels";

  const kLabelNestedItems = 0;

  const kDontLabelImageFrames = 0;

  const kDontLabelTextFrames = 1;

  const kDontLabelOtherFrames = 0;

  const kUnitToUse = MeasurementUnits.INCHES;

  const kShowImageFileName = 0; This set to 1 to precede the name of the image file in the tag

  Below all of the measures are expressed in kUnitToUse (e.g. inches if MeasurementUnits.INCHES is used)

  const kRoundToDecimals = 2;

  The separator to use between objects - for example MyImage.jpg - 7.22 x 9,34

  const kSeparatorBetweenNameAndSize = "-";

  const kSeparatorBetweenHeightAndWidth = "H x"; "

  const kSeparatorAfterWidth = "W";

  const kDontLabelBelowWidth = 0.1; In kUnitToUse

  const kDontLabelBelowHeight = 0.1; In kUnitToUse

  const kLabelStyleName = "SizeLabelStyle";

  const kLabelObjectStyleName = "SizeLabelObjectStyle";

  const kLabelHeight = 0.6; In kUnitToUse

  const kLabelWidth = 2.5; Expressed in kUnitToUse (e.g., inches).

  }

  var gRunState =

  {

  logToMessageBox: kLogToMessageBox,

  logToConsole: kLogToConsole,.

  logToFile: kLogToFile,.

  functionNestLevel: 0,

  logFunctionEntry: true,

  logFunctionExit: true,

  logLevel: kLogLevel,.

  logFileName: kLogFileName

  };

  Main();

  // ****************

  function ConvertToFrame (thePageItem)

  {

  / * / / / LogEntry ("ConvertToFrame");

  var retVal = thePageItem.getElements () [0];

  / * / / / LogExit ("ConvertToFrame");

  Return retVal;

  }

  // ****************

  function CollectionToArray (theCollection)

  {

  / * / / / LogEntry ("CollectionToArray");

  var retVal = theCollection.everyItem () .getElements () .slice (0);

  / * / / / LogExit ("CollectionToArray");

  Return retVal;

  }

  // ****************

  function GetImageFile (pageItem)

  {

  / * / / / LogEntry ("GetImageFile");

  var imageFile = null;

  do

  {

  Try

  {

  pageItem = ConvertToFrame (pageItem);

  If (!) (("allGraphics" in pageItem))

  {

  break;

  }

  var allGraphics = pageItem.allGraphics.slice (0);

  If (allGraphics.length == 0)

  {

  break;

  }

  var chart = allGraphics [0];

  var graphic.itemLink = link;

  imageFile = new File (link.filePath);

  }

  catch (Girard)

  {

  }

  }

  While (false);

  / * / / / LogExit ("GetImageFile");

  return imageFile.

  }

  // ****************

  function GetImageName (pageItem)

  {

  / * / / / LogEntry ("GetImageName");

  var imageName = "";

  do

  {

  var imageFile = GetImageFile (pageItem);

  If (imageFile is nothing)

  {

  break;

  }

  imageName = imageFile.displayName;

  }

  While (false);

  / * / / / LogExit ("GetImageName");

  return imageName;

  }

  // ****************

  function GetOuterPageItem (pageItem)

  {

  / * / / / LogEntry ("GetOuterPageItem");

  var retVal = null;

  do

  {

  Try

  {

  retVal = pageItem.parent;

  If (retVal instanceof spread | retVal instanceof Page)

  {

  retVal = pageItem;

  break;

  }

  If (retVal instanceof character)

  {

  retVal = GetOuterPageItem(retVal.parentTextFrames[0]);

  break;

  }

  }

  catch (Girard)

  {

  retVal = null;

  }

  }

  While (false);

  / * / / / LogExit ("GetOuterPageItem");

  Return retVal;

  }

  // ****************

  function LogMessage (message, collapseLines)

  {

  If (gRunState.logToConsole)

  {

  $.writeln (message);

  }

  If (gRunState.logToFile)

  {

  var logFile = new file (gScriptFile.parent + "/" + gRunState.logFileName);

  var now = new Date();

  logFile.open ("a");

  logFile.write (now.toString () + ":"+ message + "\n" ');

  logFile.close ();

  }

  If (gRunState.logToMessageBox)

  {

  Alert (message);

  }

  }

  // ****************

  LogEntry (message) function

  {

  If (gRunState.logFunctionEntry)

  {

  If (gRunState.functionNestLevel < kMaxLogNestLevel) {}

  for (var idx = 0; idx < gRunState.functionNestLevel; idx ++)

  {

  message = "" + message;

  }

  Filled (message + "<", true);

  }

  }

  gRunState.functionNestLevel ++;

  }

  // ****************

  function LogError (message)

  {

  If (gRunState.logLevel > = 1).

  {

  LogMessage ("* ERROR *:" + message, false);

  }

  }

  // ****************

  function LogExit (message)

  {

  -gRunState.functionNestLevel;

  If (gRunState.functionNestLevel < 0)

  {

  LogError ("LogExit: unbalanced nesting of function");

  }

  If (gRunState.logFunctionExit)

  {

  If (gRunState.functionNestLevel < kMaxLogNestLevel) {}

  for (var idx = 0; idx < gRunState.functionNestLevel; idx ++)

  {

  message = "" + message;

  }

  Filled (message + ">", true);

  }

  }

  }

  // ****************

  function LogNote (message)

  {

  If (gRunState.logLevel > = 3)

  {

  LogMessage ("Note:" + message, false);

  }

  }

  // ****************

  function LogWarning (message)

  {

  If (gRunState.logLevel > = 2)

  {

  LogMessage ("WARNING:" + message, false);

  }

  }

  // ****************

  function Main()

  {

  / * / / / LogEntry ("Main");

  var savedUserInteractionLevel = app.scriptPreferences.userInteractionLevel;

  app.scriptPreferences.userInteractionLevel = UserInteractionLevels.NEVER_INTERACT;

  do

  {

  Try

  {

  activeDocument var = app.activeDocument;

  If (!.) (activeDocument instanceof Document))

  {

  LogError ("hand: activeDocument isn't a Document");

  break;

  }

  var savedHorizontalMeasurementUnits = activeDocument.viewPreferences.horizontalMeasurementUnits;

  activeDocument.viewPreferences.horizontalMeasurementUnits = kUnitToUse;

  var savedVerticalMeasurementUnits = activeDocument.viewPreferences.verticalMeasurementUnits;

  activeDocument.viewPreferences.verticalMeasurementUnits = kUnitToUse;

  var savedRulerOrigin = activeDocument.viewPreferences.rulerOrigin;

  activeDocument.viewPreferences.rulerOrigin = RulerOrigin.PAGE_ORIGIN;

  do

  {

  Try

  {

  ProcessFrames (activeDocument);

  }

  catch (Girard)

  {

  Alert ("the script encountered a situation that we don't know how to handle. "He received the error, says '" + Parker + "' in Main()"); "."

  }

  }

  While (false);

  activeDocument.viewPreferences.rulerOrigin = savedRulerOrigin;

  activeDocument.viewPreferences.horizontalMeasurementUnits = savedHorizontalMeasurementUnits;

  activeDocument.viewPreferences.verticalMeasurementUnits = savedVerticalMeasurementUnits;

  }

  catch (Girard)

  {

  Alert ("the script encountered a situation that we don't know how to handle. "He received the error, says '" + Parker + "' in Main()"); "."

  LogError ("Hand throw" + Girard);

  }

  }

  While (false);

  app.scriptPreferences.userInteractionLevel = savedUserInteractionLevel;

  / * / / / LogExit ("Main");

  }

  // ****************

  function ProcessFrames (doc)

  {

  / * / / / LogEntry ("ProcessFrames");

  var err;

  do

  {

  If (!.) (doc instanceof Document))

  {

  LogError ("ProcessFrames: doc should be a Document");

  break;

  }

  Try

  {

  var existingLayer = doc.layers.itemByName (kSizeLabelLayerName);

  existingLayer.id;

  existingLayer.remove ();

  }

  catch (err)

  {

  }

  If (kLabelNestedItems)

  {

  var pageItems = doc.allPageItems.slice (0);

  }

  on the other

  {

  var pageItems = CollectionToArray (doc.pageItems);

  }

  var frameReferences = [];

  for (var pageItemIdx = 0; pageItemIdx < pageItems.length; pageItemIdx ++)

  {

  do

  {

  var pageItem = pageItems [pageItemIdx];

  If (pageItem.itemLayer.name is kSizeLabelLayerName)

  {

  break;

  }

  var pageItem = ConvertToFrame (pageItem);

  If (instanceof TextFrame pageItem)

  {

  If (kDontLabelTextFrames)

  {

  break;

  }

  }

  ElseIf (pageItem graphic instanceof)

  {

  If (kDontLabelImageFrames)

  {

  break;

  }

  }

  on the other

  {

  If (kDontLabelOtherFrames)

  {

  break;

  }

  }

  If (pageItem.label.toLowerCase () is kIgnoreFrameLabel)

  {

  break;

  }

  var width = pageItem.geometricBounds [3] - pageItem.geometricBounds [1];

  var height = pageItem.geometricBounds [2] - pageItem.geometricBounds [0];

  If (width < kDontLabelBelowWidth)

  {

  break;

  }

  If (height, kDontLabelBelowHeight)

  {

  break;

  }

  frameReferences.push (pageItem);

  }

  While (false);

  }

  var sizeLabelLayer = doc.layers.add ({name: kSizeLabelLayerName});

  for (var pageItemIdx = 0; pageItemIdx < frameReferences.length; pageItemIdx ++)

  {

  Try

  {

  var pageItem = frameReferences [pageItemIdx];

  var width = pageItem.geometricBounds [3] - pageItem.geometricBounds [1];

  var height = pageItem.geometricBounds [2] - pageItem.geometricBounds [0];

  var labelItem = doc.textFrames.add (null, LocationOptions.BEFORE, GetOuterPageItem (pageItem));

  labelItem.itemLayer = sizeLabelLayer;

  var boxsquinch = width * height

  var boxpercent = (boxsquinch / spreadsquinch) * 100

  var roundpercent = Math.round (boxpercent)

  var labelText = "";

  If (kShowImageFileName)

  {

  var imageName = GetImageName (pageItem);

  If (imageName! = "")

  {

  labelText += imageName + kSeparatorBetweenNameAndSize;

  }

  }

  labelText += RoundString (height, kRoundToDecimals) + kSeparatorBetweenHeightAndWidth + RoundString(width, kRoundToDecimals) + kSeparatorAfterWidth + ' \r\n'+ roundpercent + '% ';

  labelItem.contents = labelText;

  xPos = pageItem.geometricBounds var [1];

  yPos = pageItem.geometricBounds var [0] + kLabelHeight;

  labelItem.geometricBounds is [Posy, xPos, yPos + kLabelHeight, xPos + kLabelWidth];.

  Try

  {

  labelItem.parentStory.characters.everyItem () .appliedCharacterStyle = doc.characterStyles.item (0);

  }

  catch (err)

  {

  }

  Try

  {

  labelItem.parentStory.paragraphs.everyItem () .appliedParagraphStyle = kLabelStyleName;

  }

  catch (err)

  {

  }

  Try

  {

  labelItem.appliedObjectStyle = doc.objectStyles.itemByName (kLabelObjectStyleName);

  }

  catch (err)

  {

  }

  }

  catch (err)

  {

  }

  }

  }

  While (false);

  / * / / / LogExit ("ProcessFrames");

  }

  // ****************

  function RoundString (numVal, decimal)

  {

  / * / / / LogEntry ("Round");

  var retVal = Math.round (numVal * Math.pow(10,decimals)) + "";

  retVal = retVal.substring(0,retVal.length-decimals) + "." + retVal.substring(retVal.length-decimals);

  / * / / / LogExit ("Round");

  Return retVal;

  }

  What do you mean?

  var myDoc = app.activeDocument;
  var mySpreads = myDoc.spreads;
  var myRectangles = myDoc.rectangles;
  var myImages = 0;
  for (var i = 0; i < mySpreads.length; i++) {
      var mySpreadWidth = 0;
      var mySpreadHeight = myDoc.documentPreferences.pageHeight;
      for (var j = 0; j < mySpreads[i].pages.length; j++) {
          mySpreadWidth += myDoc.documentPreferences.pageWidth;
          }
      var mySpreadArea = mySpreadWidth * mySpreadHeight;
      var myImages = mySpreads[i].rectangles;
      var myTotalImageArea = 0;
      var myIndividualImageArea = [];
      for (var j = 0; j < myImages.length; j++) {
          var myImageGeometricBounds = myImages[j].geometricBounds;
          var myImageWidth = myImageGeometricBounds[3] - myImageGeometricBounds[1];
          var myImageHeight = myImageGeometricBounds[2] - myImageGeometricBounds[0];
          myIndividualImageArea[j] = (myImageWidth * myImageHeight);
          myTotalImageArea += myIndividualImageArea[j];
          }
      for (var j = 0; j < myIndividualImageArea.length; j++) {
          alert("Image percentage of total images on spread " + (i + 1) + " = " + (myIndividualImageArea[j] * 100) /myTotalImageArea);
          }
     alert("Total image percentage on spread " + (i + 1) + " = " + myTotalImageArea);
     }
  

• How to create a horizontal Gallery with buttons?

  I can't understand how to create a way to show my photos as a horizontal Gallery with buttons to scroll (photos at left), as Elizabeth Gadd photography . Can anyone help?

  Have you looked at the standard slideshow and Lightbox widget or sought another widget "image Carousel"? It's really basic things.

  Mylenium