Gallery Display Thumbnails in Two Columns

Thanks to Mr. Booth for his excellent tutorial on setting up
a web gallery. This really gave me a great foundation.
My question has to do with controlling how thumbnail images
are displayed on the page. I would like to display two (or three)
columns ot thumbs along with a text title for each. If I were
programming this in C++, I would setup a "for loop" and simply
display the first column with an index of i/2, and the second
column with an index of i/2 + 1, but I can't seem to figure out how
to achieve a similar effect within the confines of HTML.
Here is my code snippet. What I get is two columns of
identical thumbs. How would you change this to make thumbs 1,3,5...
appear in column one, and thumbs 2,4,6... appear in column two? It
seemed to me that using a table was a good way to set this up, but
I'm very new to web programming.
<div class="NewThumbClass" spry:region="dsGallery" >
<table>
<tr spry:repeat="dsGallery" >
<td> {title} <br />
<img src ="thumbnails/{path}" /></td>
<td> {title}<br />
<img src ="thumbnails/{path}" /></td>
</tr>
</table>
</div>
Note that {title} and {path} are gotten from the XML database
file. Thanks in advance for your help.
Mike Whalen

Hi
No! It's not possible, but you can try to create an your own heading in TOP-OF-PAGE to write the first heading line, the second one will be the std line .
Max

Similar Messages

Display TextBox Merging two columns

hi
In a Form i want to display textbox merging two columns
when i increading the width of textbox , elements(textbox,selectlist) in the column 2 move right side

Edit your item and go to
Displayed > ColSpan
and increase it to two or three...
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Displaying text in two columns in SAP Script

Moved to correct forum. Please use a meaningful subject in future - I've edited it for you this time.
Hello Everybody,
I have a text to be displayed in Scripts. I want to split the text into 2 columns.
Like in news paper.
aaaaaaaaaaaaaaaa   aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaa   aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaa   aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaa   aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaa   aaaaaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaaa   aaaaaaaaaaaaaaaaaaa
Like this.
Can someone tell me how to do that?
Thanks,
Edited by: Matt on Mar 11, 2009 4:31 PM

As far as I believe....
Always text flows out of the main window if it is completely filled.
So, create an instance of the main window.
Go to Page windows->Select the main window->Edit->Create
You will get one more main window and that will be of type with the name Main01
Go to Screen painter and adjust the window in the way that you required.
Just start printing the text by writing the code in main00.
Automatically main01 will have the same code assgined(you can check if you want) and the data gets displayed once the main 00 window is filled.
Hope it helps....

Search keyword display dropdown list two columns

Sheet1:
Sheet2:
Question: Is it possible to create a searchable Dropdown list in Sheet1 A6 that displays a list of combined Sheet2’s ColA+ColB. And the ColB of the selected row will be the value of Sheet1
B2.
i.e. If type in a keyword ‘apple’ on Sheet1 A6, Sheet1 A6 cell will have a dropdown list of Sheet2 A2-B5. Then the user will select a row from this dropdown and Sheet1 B2 will display the price (ColB) of the selected value.
Please let me know if this makes sense. Thanks.

Some questions.
Why is the price going on a different row?
Do want a drop down at A6 and you will be selecting one item after another from this same place or do you want more DropDowns on the following rows.
The price is inserted at cell B2. Will the price always be in cell B2 or the next blank cell in that column?
What sort of DropDown are you looking for? Can we use a ComboBox or do you specifically want a Data Validation DropDown. (Can be done with a ComboBox but not sure how this could be done with Data Validation.)
Regards, OssieMac

Vertical report with two columns

I have table with picture. I can display common sql report(horizontal or vertical). Is it possible to display this to two columns (eshop).Two vertical columns (for example field of records 10x2).
Message was edited by:
user542927

Hi,
There are probably a number of ways that you can handle this, but the underlying principle for all of these would be that you need to have 2 reports. The first report would contain the first ten records and the second report would contain the next ten.
The way to do that would be to get the ROW_NUMBER() value for each line and, in the query defintion for each report, you would have a WHERE clause that restricted the results based on this value. The best way to do this would be to create a view and base the reports on this view. The view definition would include:
ROW_NUMBER() OVER (ORDER BY xxxx) AS ROW_NUMBER
where xxxx is the same order definition as the main ORDER BY clause. Each row will then get a ROW_NUMBER value that matches it's position in the query resultset.
Your first report would then have a WHERE clause of:
WHERE ROW_NUMBER < 11
the second report would have:
WHERE ROW_NUMBER BETWEEN 11 AND 20
The final step would be styling/positioning the reports. The first would probably be in Column 1 in the region and the second in Column 2. You would almost certainly have to adjust the styling and/or positioning using a style attribute in the region/report definitions.
Regards
Andy

How best to display a two column menu in Flash 8?

I have a flash 8 template and i am using Macromedia Flash Professional 8. I want to create a menu in a scrollable text box, which has two columns exactly aligned like so:
Lamb                                                   £2.30                       Chicken                                                      £2.30
Minced lamb with onions, herbs,                                           Minced chicken with an mixture of
in egg yolk and shallow fried.                                                green chillies cooked over a charcoal grill on
Kebab                                                  £2.80                       Lamb                                                         £2.40
A mix of chicken kebab, seekh kebab and                             Minced lamb mixed with gram flour, spices, green
shami kebab. Served on a sizzler.                                        chillies and herbs then deep fried.
However, when i test the movie there is no formatting and the text is misaligned. I already have the above text (and there is alot of it) in the exact format, in a word file, so i could copy and paste the text instead of writing it out all over again.
I have been advised that it is better to use the Datagrid component to display the above text in a table?
My question is, how can i use the Datagrid component to display the text aligned exactly as above? Do i need to create html tables and then get the datagrid component to call this html file, xml file or actionscript? I am not familiar with xml or actionscript.
Please can someone help?
Thank you.

Hi Ned. Apologies for late reply. Been away.
Anyway, i have created an image of what it is i need. Please see the image below - menu.gif
Not sure what the easiest way is to create such a two column menu in Flash because the tab key on the keyboard does not work in a scrollable textbox only the space bar. And using the space bar does not align the text correctly.
However, i do have a html file which i created using html tables. Is there a way to import the html file into a scrollable textbox in flash? The raw html code example is a little different as i have included the borders, but the idea is the same - a two-column scrollable menu.
Any help would be greatly appreciated.
<html>
<head>
    <title></title>
</head>
<body>
    <table width="50%" border="1">
      <tr>
        <td>
          <table width="100%" border="1" cellpadding="2"
          cellspacing="0">
            <tr>
              <td>Apples</td>
              <td>44%</td>
            </tr>
            <tr>
              <td>Bananas</td>
              <td>23%</td>
            </tr>
            <tr>
              <td>Oranges</td>
              <td>13%</td>
            </tr>
            <tr>
              <td>Other</td>
              <td>10%</td>
            </tr>
            <tr>
              <td>Apples</td>
              <td>44%</td>
            </tr>
            <tr>
              <td>Bananas</td>
              <td>23%</td>
            </tr>
            <tr>
              <td>Oranges</td>
              <td>13%</td>
            </tr>
            <tr>
              <td>Other</td>
              <td>10%</td>
            </tr>
            <tr>
              <td>Apples</td>
              <td>44%</td>
            </tr>
            <tr>
              <td>Bananas</td>
              <td>23%</td>
            </tr>
            <tr>
              <td>Oranges</td>
              <td>13%</td>
            </tr>
            <tr>
              <td>Other</td>
              <td>10%</td>
            </tr>
            <tr>
              <td>Apples</td>
              <td>44%</td>
            </tr>
            <tr>
              <td>Bananas</td>
              <td>23%</td>
            </tr>
            <tr>
              <td>Oranges</td>
              <td>13%</td>
            </tr>
          </table>
        </td>
        <td>
          <table width="100%" border="1" cellpadding="2"
          cellspacing="0">
            <tr>
              <td>Apples</td>
              <td>44%</td>
            </tr>
            <tr>
              <td>Bananas</td>
              <td>23%</td>
            </tr>
            <tr>
              <td>Oranges</td>
              <td>13%</td>
            </tr>
            <tr>
              <td>Other</td>
              <td>10%</td>
            </tr>
            <tr>
              <td>Apples</td>
              <td>44%</td>
            </tr>
            <tr>
              <td>Bananas</td>
              <td>23%</td>
            </tr>
            <tr>
              <td>Oranges</td>
              <td>13%</td>
            </tr>
            <tr>
              <td>Other</td>
              <td>10%</td>
            </tr>
            <tr>
              <td>Apples</td>
              <td>44%</td>
            </tr>
            <tr>
              <td>Bananas</td>
              <td>23%</td>
            </tr>
            <tr>
              <td>Oranges</td>
              <td>13%</td>
            </tr>
            <tr>
              <td>Other</td>
              <td>10%</td>
            </tr>
            <tr>
              <td>Apples</td>
              <td>44%</td>
            </tr>
            <tr>
              <td>Bananas</td>
              <td>23%</td>
            </tr>
            <tr>
              <td>Oranges</td>
              <td>13%</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
</body>
</html>

How to display content items in two columns?

I have a simple content area set up, that I am adding items in
(items that happen to be uploaded documentation files). I have a
page created that displays the Content Area, with my own
headers/banners etc.
I want to display the item(s) under each folder in the content
are, in two columns, but I can't figure out how?
Thanks.

Dave,
Edit the Folder Style. Select the Folder Layout tab. Select
the Region Properties you want to modify (e.g. Regular Items).
Near the bottom of the page you can specify the number of
columns.
Regards,
Jerry

Displaying Properties/Resources in two columns

Hi,
is there any way to display resources (links, files,...) (for example in PortalFavorites) in two columns (that means two resources in one row).
Can anybody help me?
Thanks
Ray

Hi,
I configurated my own CollectionRenderer based on ConsumerColumnCollectionRenderer .
Ciao
Ray

Two column display

Greetings all,
I had a MovableType blog hosted by Yahoo and I decided to move the files to my Network Solutions account where the domain is registered.
All files were transferred and the DNS changed to point to the new location (http://theargonauts.info/index.html). But the blog, which used to display in two columns, now only displays in one. Previously when I've had this problem it was because there were too many or too few </div> tags at the end of the post where the break is supposed to occur, around line 100 in my Dreamweaver editor. But Dreamweaver doesn't show any unfinished <div> statements and adding or deleting them makes no difference, it still displays in one column. I thought there might be something in the .css but I can't for the life of me figure out what it is.
This is driving me crazy and any insight will be greatly appreciated.
Thanks,
Smalex
(Original style html attached)

In the code for the page to which you linked, it appears that this div tag is unclosed -
<div id="container">
Try fixing that first.

How to wrap text in two columns and display as one in WAD

Hi ,
I have the following columns in my ODS , they are not KF's
c1        c2    c3
100      AA      BB
200      CC      DD
I need this display format
100   AA
      BB
200   CC
      DD
I need to wrap the text in columns c2 and c3 and display them under one column.
Is it possible in webtemplate by using java scripting.

IN the Query , you could diplay Characteristics as a Hierarchy. Just above the Columns Box in Bex, do a write click.
Hope this helps

Distinct count of values which are displayed in two columns in SSAS

Hi,
How is it possible to get distinct count of two columns in fact table, meaning how many different appearances are in both columns.
Please note I DO NOT mean distinct count on the concatenated fields.
I’ll demonstrate with example:
Fact table- deals with CustomerID and SupplierID and deals data.
I need distinct count of companies which are either customer/ supplier in the fact table.
(making a concatenated field and distinct count on that would not give what I need).
Ex: fact :
Deal1, Customer X, Supplier Y …
Deal2, Customer X, Supplier Z …
Distinct count of companies in the above should be 3.
How can this be done?
Thanks
Namnami
Anyone?? There must be a way to do this?!

Are you trying to do this using the SSAS model, or just off the data using SQL? If you were to just use SQL I would create two sub queries and union them to remove duplicates.
ie.
SELECT DISTINCT customer FROM table_1
UNION
SELECT DISTINCT supplier FROM table_1
This will give you one unique master list.

Xml gallery with thumbnails & next/previous buttons.

hallo all the wise people,
sorry to bother you, but i'm kind of desperate, and nobody around to ask, so....
i've spend now three full days editing an xml gallery... to my needs, and always goes messy, so maybe it's time give up and make my own from the scratch, or looking from a one closer to my needs =/ (helpless).
could anyone help - maybe any of you by some chance knows a link as close as possible to tutorial/source as3 fla to sthg as close as possible to this:
a) xml gallery
b) thumbnails
c) when thumbnail clicked a big picture shows
d) next/previous buttons possible
otherwise, i can also post the code of my gallery where i absolutely can't add next/previous buttons without making a big mess =/
i will be totally youbie doubie grateful for any help... any, if you only know any good link, 'll try to fugure out a tutorial or edit the source myself....
thanks in advance

heyyyo wise one,
at least this is really nice of you to ask - this gallery really makes me by now feel twice as blond as i am 8-0. but this is kinda really nested.
the xml structure goes like this (this is easy and more or, less standard)(Caption is neglectable, probabaly i will not even display it, unless i have some extra time):
<MenuItem>
         <picnum>01</picnum>
         <thumb>thumbs/Image00001.jpg</thumb>
         <picture>Image00001.jpg</picture>
   <Caption>Fist Title</Caption>
</MenuItem>
uaaha, then the as goes. there is the URLloader, but also two different loaders inside (one for the thumbnails, one for the big picture). and this is all inside a for each loop -eh... i was always trying to change the pictLdr behavior - the loader, that loads the big picture.
anyway the URL loader, and the main function, which is attached to it go like this:
var myXML:XML = new XML();
var XML_URL:String = "gallery_config.xml";
var myXMLURL:URLRequest = new URLRequest(XML_URL);
var myLoader:URLLoader = new URLLoader(myXMLURL);
myLoader.addEventListener("complete", xmlLoaded);
// Create the xmlLoaded function
function xmlLoaded(event:Event):void
// Place the xml data into the myXML object
    myXML = XML(myLoader.data);
    // Initialize and give var name to the new external XMLDocument
var xmlDoc:XMLDocument = new XMLDocument();
// Ignore spacing around nodes
    xmlDoc.ignoreWhite = true;
// Define a new name for the loaded XML that is the data in myLoader
    var menuXML:XML = XML(myLoader.data);
// Parse the XML data into a readable format
    xmlDoc.parseXML(menuXML.toXMLString());
    // Access the value of the "galleryFolder" node in our external XML file
for each (var galleryFolder:XML in myXML..galleryFolder)
   // Access the value of the "pagenum" node in our external XML file
           var galleryDir:String = galleryFolder.toString();
//trace (galleryDir);
//trace (galleryFolder);//output taki sam jak powyżej
// inicjuję variable flag, która bedzie trzsymac nazwę klikniętego thumbnail
var flag2:String = null;
// Set the index number of our loop, increments automatically
var i:Number = 0;
// Run the "for each" loop to iterate through all of the menu items listed in the external XML file
for each (var MenuItem:XML in myXML..MenuItem)
// Access the value of the "picnum" node in our external XML file
    var picnum:String = MenuItem.picnum.toString();
// Access the value of the "pagetext" node in our external XML file
    var Caption:String = MenuItem.Caption.toString();
// Access the value of the "thumb" node in our external XML file
    var thumb:String = MenuItem.thumb.toString();
// Access the value of the "pagepicture" node in our external XML file
    var picture:String = MenuItem.picture.toString();
// Just some trace I used for testing, tracing helps debug and fix errors
//trace(picnum);
var thumbLdr:Loader = new Loader();
    var thumbURLReq:URLRequest = new URLRequest(galleryDir + thumb);
    thumbLdr.load(thumbURLReq);
// Create MovieClip holder for each thumb
var thumb_mc = new MovieClip();
thumb_mc.addChild(thumbLdr);
addChildAt(thumb_mc, 1);
// Create the rectangle used for the clickable button we will place over each thumb
var rect:Shape = new Shape;
rect.graphics.beginFill(0xFFFFFF);
rect.graphics.lineStyle(1, 0x999999);
rect.graphics.drawRect(0, 0, 80, 80);
// Create MovieClip holder for each button, and put that rectangle in it,
// make button mode true and set it to invisible
var clip_mc = new MovieClip();
clip_mc.addChild(rect);
addChild(clip_mc);
clip_mc.buttonMode = true;
clip_mc.alpha = .0;
     // The following four conditionals create the images where the images will live on stage
// by adjusting math through each row we make sure they are laid out good and not stacked
// all on top of one another, or spread out in one long row, we need 4 rows, so the math follows
if (picnum < "05")
       line1xpos = line1xpos + distance; // These lines place row 1 on stage
    clip_mc.x = line1xpos;
    clip_mc.y = yPlacement;
    thumb_mc.x = line1xpos;
    thumb_mc.y = yPlacement;
   else if (picnum > "04" && picnum < "11")
    line2xpos = line2xpos + distance; // These lines place row 2 on stage
    clip_mc.x = line2xpos;
    clip_mc.y = 86;
    thumb_mc.x = line2xpos;
    thumb_mc.y = 86;
   else if (picnum > "10" && picnum < "14")
    line3xpos = line3xpos + distance; // These lines place row 3 on stage
    clip_mc.x = line3xpos;
    clip_mc.y = 172;
    thumb_mc.x = line3xpos;
    thumb_mc.y = 172;
   else if (picnum > "13" && picnum < "21")
   line4xpos = line4xpos + distance; // These lines place row 4 on stage
   clip_mc.x = line4xpos;
   clip_mc.y = 258;
   thumb_mc.x = line4xpos;
   thumb_mc.y = 258;
   // And now we create the pic loader for the larger images, and load it into "pictLdr"
   var pictLdr:Loader = new Loader();
   var pictURL:String = picture;
      var pictURLReq:URLRequest = new URLRequest(galleryDir + picture);
   //var pictURLReq:URLRequest = new URLRequest("gallery/Image00004.jpg");sprawia,ze zawsze wyswitla sie jeden obrazek
      pictLdr.load(pictURLReq);
   // Access the pic value and ready it for setting up the Click listener, and function
      clip_mc.clickToPic = pictLdr;
   // Access the text value and ready it for setting up the Click listener, and function
   clip_mc.clickToText = Caption;
   //var instName:String = flag();
   // Add the mouse event listener to the moviClip button for clicking
      clip_mc.addEventListener (MouseEvent.CLICK, clipClick);
      // Set the function for what happens when that button gets clicked
   function clipClick(e:Event):void
     // Populate the parent clip named frameSlide with all of the necessary data
     MovieClip(parent).frameSlide.gotoAndPlay("show"); // Makes it appear(slide down)
     MovieClip(parent).frameSlide.caption_txt.text = e.target.clickToText; // Adds the caption
     MovieClip(parent).frameSlide.frame_mc.addChild(e.target.clickToPic); // Adds the big pic
   } // This closes the "for each" loop
} // And this closes the xmlLoaded function
and the effect looks like this (it's a sketch, so big pictures are loaded randomly, don;t put too much attention to it): http://bangbangdesign.pl/xmlGallery/gallery29.swf
but i guess it's a terrible stuff to go through all this. i would be totallly satisfied with a likng to a good tutorial to do it from scratch, or just a hint where to start rebuilding this.
+ in any case i send greetinngs to whereever you are =]

How do I compare two columns of data in Numbers to find the unique results?

Hello all,
I'm looking for a way to compare the data from two columns so I can find the unique results and display that data in a third column. To be specific, here's what I'm doing.
Column A is a list of email addresses for people I have already written. Column B is a list of email addresses for people I would like to contact. I am not sure if there are email address from Column A in Column B, but there may be and if there are, I must find out so that I don't send a second email to these recipients. How can I have Numbers look at both columns and tell me which email addresses in Column B are not in Column A?
Thanks for the help!!!

gfmp123,
Here's an alternate use of MATCH to find duplicates. I hope you find one of the two solutions, Wayne's or this one, useful for your case.
The expression in Column C is:
=IFERROR("Dup in Row "&MATCH(B, A,0), "")
Regards,
Jerry

Count first two columns

Hello,
I have a count requirement that i havent been able to solve by searching sdn. Maybe someone can help.
I have a query built on a multiprovider that points to two basic cubes. The basic cubes do not contain a count key figure. The first two columns of my query are characteristics. My requirement is to count the occurences of the combination of the first two column (characteristics). I am looking for a way to do this in the query so i do not have to reload the cubes as they have large volumes of data. All the suggestions i have been able to find on sdn seem to be only for counting a single characteristic. Is there a way to count the combination of two?
Regards,
TMS

Hi Create a count using the formula or calculated ket figure for the count unique id like client id for your infocube.
so you will have a count for each row now. place this count object in your column.
now select the two char or the group whatever you want a count in your row.
select query properties and select the display tab and make sure the option - hide repeated key values is selected (normally by default it is selected). Then select each of the char in rows and in free char and set the option under display tab result rows - always suppress.
Execute the query now. you will get the list of char and their count. sort the count by descending to get the most duplicate entries by their highest number on top in the count coulmn.
you can also ignore the rows which donot have a duplicate i.e count more than 1 by creating a new condintion on the count key figure > 1 and restricting the condition by only the group of char you have given in the column. so that you can also do a drill down by free char in your query and it will only show the duplicates group.
Hope it helps.
regards,
Siva

Export option in ALV report downloades first two columns blank

Hi ,
Before posting this query I searched the solution in SDN but I did't find the solution.
My problem is After displaying report in ALV format ,if I press Export --> Local file --->spreadsheet ; file will downloaded to excel sheet but first two columns(only heading no data ) will be blank and next two columns with proper data.
I checked field catalog defination it seems to be ok, any other mistake ?
Please suggest.
Narayan

Hi
It's the option you have in the path System->List->Save->Local file
I means it's the standard option to export an abap list into a local file, so you should try this path too and check if the resul it's the same
I think you should choose Export --->spreadsheet: here before saving the file an excel document will be open
Max

Gallery Display Thumbnails in Two Columns

Similar Messages

Maybe you are looking for