Displaying images in many rows
Hello everyone. I have images in my database that I want to
display on my home page. The issue I'm having is that I want to
display 7 images per row and have 2 rows. After the first 7 images
are displayed, I want to start a new row automatically with an
additional 7 images and don't know how to do that. Can someone
please help?
I still cannot get the code to work. Right now it's
displaying images as one column down the left side of the page.
<cfset counter = 0>
<!--- Grab the most recent profiles --->
<cfquery name="latest_joiners" datasource="db"
maxrows="14">
SELECT * FROM db ORDER BY id DESC
</cfquery>
<table border="0" cellspacing="0" cellpadding="2"
width="100%">
<tr>
<cfloop query="latest_joiners">
<td>
<img src="images/pictures/#pic_path#" height="70"
width="98" border="1">
</td>
<cfif (counter MOD 7) IS 0>
</tr>
</cfif>
</table>
</cfloop>
Similar Messages
-
How to show an image on each row of the report?
I have created a report in apex. i want to display image on each row in a column of the report.
How can i do this?See About BLOB Support in Forms and Reports in the documentation.
There's an OBE tutorial that followed the introduction of declarative BLOB support in 3.1 as well.
In future please
<li>Search the forum before posting a new question. Most questions (including this one) have been asked and answered before.
<li>Include as much relevant information with your question as possible, starting with:
- APEX version
- DB version and edition
- Web server architecture (EPG, OHS or APEX listener)
- Browser(s)/version(s) used
- Theme
- Templates
- Region type(s)
<li>Change your forum handle to something better than "845927". -
hi
i have one problem i need to apply image to selected row in
datagrid dynamically we have
"selectedcolor" but i need to apply image to selected row is
there any way please help me
client requires this effect
karthik.khi thanks for the reply i am posting sample code
<DataGrid id="dg_getData1" backgroundColor="0x87A3B7"
selectionColor="0xE4C38D" verticalScrollPolicy="off"
horizontalScrollPolicy="off" itemClick="getIdForPresenter()"
wordWrap="true" width="100%" verticalGridLines="false"
backgroundAlpha="0.3" headerHeight="0" fontSize="20" rowHeight="53"
dataProvider="{model.filteredCollection}" useRollOver="false"
horizontalGridLineColor="0xFFFFFF" horizontalGridLines="true">
<columns>
<DataGridColumn width="30" dataField="sessionTimes" >
<itemRenderer>
<Component>
<HBox horizontalScrollPolicy="off">
<Script>
<![CDATA[
import mx.controls.Alert;
override public function set data(value:Object):void
var s_String1:String;
var s_String2:String;
var s_String3:String;
var num:Number
super.data=value;
s_String1=sessionTimes.text;
var arr_Array:Array=s_String1.split(" /");
for(var i:int;i<arr_Array.length;i++)
s_String3=arr_Array[0]
sessionTime.text=s_String3
s_String2=arr_Array[1];
/* num=arr_Array[2]
if(num%2==0)
setStyle("backgroundColor",0x8EA9BB);
else
setStyle("backgroundColor",0x6B8FAB);
if(s_String2=="NOT RECEIVED")
sessionTime.styleName='textcolor';
else
sessionTime.styleName='textcolor1';
]]>
</Script>
<Label id="sessionTime" />
<Text id="sessionTimes" text="{data.sessionTimes}"
visible="false"/>
</HBox>
</Component></itemRenderer>
</DataGridColumn>
</DataGrid>
i am using itemrenderer i need to place an image and when
that row is clicked i need to display image for the row clicked and
when next row clicked previously clicked image should disappear and
currently clicked row should be displayed with image(every thing
dynamically)
only option i saw is "selectionColor="0xE4C38D" but i don't
know how to place image instead of "selectionColor" for button we
have style effect (upskin, downskin) where we can embed image but
in datagrid any option like that,
any idea this requirement is severe
please help me
karthik -
Hi,
I have to display only images on a web page in JSF2.0 in Netbeans. I am using datatable and column to do so. But there is one problem.
All images are display only in single column(i.e. vertically). I want to display in rows and columns not only column.
e.g. One row will have atleast 3 images and more rows like this.
Which attribute should i use of datatable? or should i use some other tag?
My code is:
<h:dataTable var="images"
value="#{jsfMBean.allImages}"
rules="none"
cellpadding="20"
border="0" >
<h:column>
<h:graphicImage value="faces/WEB-INF/upload/#{images.picid}" width="300px" height="100px" />
</h:column>
</h:dataTable>
Thanks.
NetBeans 6.9.1
JSF 2.0 with facelets
glassfish 3.0
Enterprise java beans
PrimeFaces 3.0I believe you are looking for the panelgrid, not the datatable.
Note that there are a few useful websites online that list the available JSF tags plus their properties, such as these:
http://www.horstmann.com/corejsf/jsf-tags.html
http://www.exadel.com/web/portal/jsftags-guide -
Display query's result (with many rows & field) into a list ?
I'd like to display the result of a query wich returs many rows without using a list of values but another component which allowed the display of sereval columns at the same time.
Note: I can't use a LOV because I don't want to return no value, and I need a TLIST presentation.
nullA kludgy solution would be to create a database view that combines the multiple columns into a single standardly formatted column, and use that for displaying in a jcombobox.
Depends upon whether you like to code Java or like to play in the database. grin
If you do that Java solution please post the code here! -
Displaying image from database in report
I need to include a picture (company logo) in numerous reports. This logo will be stored in an MS SQL Image field in a table (this bit I have already sorted out).
What I'm wondering is, what is the best way to retrieve this image from the database? Do I just include it in the view the report runs off? I'm hesitant to do this, as the view may return back hundreds of records, which means (I think) it will be sending the image along with it hundreds in time.
In short:
1) What is the best way to pass an image to a report.
2) If I include the Image field in a view which returns back hundreds of line, will the image be returned also hundreds of time, causing network congestion/performance issues?
3) If so (2), is there a way of sending the image only once, no matter how many rows are in the returned view?
Thanks.Hi Shanon,
We can display the image by making it a local copy on your machine.
If it is possible to get the image saved on local copy.
If we place the image in detail section then it would return one record.
As the image is from Database, so it would hit the database very time when you refresh the report and place it in Report Header or report fotter.
So, place your logo as an OLE object in report and would reduce processing time.
Regards,
Naveen. -
Displaying images in ADF Table
I have a column in table of type blob. I created entity and view against it. In view type of attribute is blobdomain (by default). Now when i drop that view on form to create table, it places control inputText for blob. I want to ask how i can display images in ADF table column?
Check this post:
Re: multi-row block with many image-java-beans
How to display the content of a BLOB column in a ADF/BC pages ?
and this might be helpful too:
http://www.pascalalma.net/2008/04/22/oracle-adf-medior-rendering-images-based-on-blob-columns/
Regards,
~Krithika -
Images in table rows/columns
Hi I am new to this and seem to struggle on what I think
should be easy!
I have one client with many pictures I want to display 4
pictures in a row, repeating the rows until all the images for that
client are displayed.
Can anyone point me in the right direction with the correct
CF tags to use
Many thanksYou want to use the MOD attribute.
<!-- set how many rows across you want-->
<cfset ColumnCount=4>
<!-- set the physical path to your images-->
<cfset imagefolderpath = "D:\website\folder\images">
<!- query the folder for a list of images that are jpg -
edit for other file types if needed-->
<cfdirectory action="list" name="readfolder"
directory="#imagefolderpath#">
<cfquery dbtype="query" name="listimage">
SELECT Type, Name
FROM readfolder
WHERE Type = <cfqueryparam cfsqltype="cf_sql_varchar"
value="File">
AND
( Name LIKE <cfqueryparam cfsqltype="cf_sql_varchar"
value="%.jpg">
OR Name LIKE <cfqueryparam cfsqltype="cf_sql_varchar"
value="%.JPG">)
ORDER BY Name ASC
</cfquery>
<!-- output images -->
<body>
<table>
<tr>
<cfoutput query="listimage">
<cfif (listimage.CurrentRow mod ColumnCount) is 1>
</tr><tr>
</cfif>
<td>
<IMG src="../images/foldername/#name#">
</td>
</cfoutput>
</tr>
</table>
</body>
This is a basic proof of concept. You can style your images,
whatever
HTH -
Hi,
My requirement is to create a web dynpro application where the first view contains all images stored in ECC along with one button (Display image). When the user clicks on the button Display image then another view should display the image on the screen.
I have created View1 with a table,which display the details of the table STXBITMAPs in it,when i select a row and press a button second view is displayed with a UI conatiner of type IMAGE.
Basiccaly when button on view1 is pressed, I get the value of the TDNAME field via lead_selection method and set this value to a global attribute, whch inturn is copied into second view and bonded to the SOURCE attribute of the UI element.
My problem is , that global attribute is being updated probley and value have been passed to second view..but Image is not being displayed on the screen.
Can anyone help me out in this.
Thanks in advance.
PoojaYou don't necessarily have to move your images from STXBITMAPS to the MIME repository. You can display any image - not just those in the MIME repository, by placing the content in the ICM Cache. This creates a temporary URL for any content. So you just need to read the binary content of the image from STXBITMAPS into a XSTRING variable. From there you can use this code sample to put the content in the cache and generate a URL:
****Create the cached response object that we will insert our content into
data: cached_response type ref to if_http_response.
create object cached_response
type
cl_http_response
exporting
add_c_msg = 1.
* cached_response->set_compression( options = cached_response->IF_HTTP_ENTITY~CO_COMPRESS_IN_ALL_CASES ).
try. " ignore, if compression can not be switched on
call method cached_response->set_compression
exporting
options = cached_response->co_compress_based_on_mime_type
exceptions
others = 1.
catch cx_root.
endtry.
****set the data and the headers
data: l_app_type type string.
data: l_xstring type xstring.
cached_response->set_data( me->gx_content ).
l_app_type = 'image/x-ms-bmp'.
cached_response->set_header_field( name = if_http_header_fields=>content_type
value = l_app_type ).
****Set the Response Status
cached_response->set_status( code = 200 reason = 'OK' ).
****Set the Cache Timeout - 60 seconds - we only need this in the cache
****long enough to build the page and allow the IFrame on the Client to request it.
cached_response->server_cache_expire_rel( expires_rel = i_cache_timeout ).
****Create a unique URL for the object
data: guid type guid_32.
call function 'GUID_CREATE'
importing
ev_guid_32 = guid.
concatenate i_path '/' guid '.' i_format into r_url.
****Cache the URL
cl_http_server=>server_cache_upload( url = r_url
response = cached_response ). -
Hi,
I want to display image link in one of the columns in report.
ex: if i click that image it should go to google maps.
I stored the image in /res/s_protal/image.jpg and also in oc4j.
I know to fmap to show it only once.
but i want to reflect it in all the rows of a column.
Things i tried:
Stored in the same machine took the ip addres and prot and given as below it was working.
But if i move it to other machines then it getting failed so again i want to update the machine ip.
http://225.225.225.225:9704/analytics/res/s_proact/images/images.jpg
Is there any possible way to give some common syntax so that the corresponding machine ip will be pointed once the
report moved to different machines.
Thanks,
satheeshHi Santeesh,
I just saw your post and I thought I'd ask you with my query:
I want to add some pop-up info on some of the data when the user hover on it. have you
got a clue what do I need to do for that?
Cheers,
Yonatan -
Display image in report from BLOB
Hi All,
i have one requirement i.e
i want to display image in a report base on condition
like if id =1 then firest image, id = 2 then second image and id =3 then third image
i have image in database in BOLB type
i need to display in report based on that condition
please help me this requirement is urgent
reg,
jelljust create a query like this:
select id, image_name, image
from tablethen your XML output would be like this:
<ROWSET>
<ROW>
<ID>1</ID>
<IMAGE_NAME>kljkla</IMAGE_NAME>
<IMAGE>Lots of characters that represents the BLOB</IMAGE>
</ROW>
<ROW>
<ID>2</ID>
<IMAGE_NAME>jdkwel</IMAGE_NAME>
<IMAGE>Lots of characters that represents the BLOB</IMAGE>
</ROW>
<ROW>
<ID>3</ID>
<IMAGE_NAME>oled</IMAGE_NAME>
<IMAGE>Lots of characters that represents the BLOB</IMAGE>
</ROW>
<ROW>
<ID>4</ID>
<IMAGE_NAME>mlish</IMAGE_NAME>
<IMAGE>Lots of characters that represents the BLOB</IMAGE>
</ROW>
</ROWSET>in your RTF you put this:
<fo:instream-foreign-object content-type="image/jpg" width="251.8pt" height="174.3pt" xdofo:alt="picture"><xsl:value-of select=".//IMAGE"/></fo:instream-foreign-object>the attributes width and height are optional -
How to display images in a table
Hi all,
I have to display five different images in five rows of a table.For this purpose i am trying to create a node element with value attribute.How can i set an image to the
node.If it is possible to set an image to the node then i can bind it dynamically to the table.Is it correct way?
Otherwise give me guidance to solve this problem.
Thanks&Regards
SatyamDesigntime:
Context:
Value node "Rows" (cardinality 0:N)
Attribute "ImageURL": string
UI elements:
Table.dataSource = "Rows".
TableColumn, table cell editor = Image
Image.source = "Rows.ImageURL"
Runtime:
for (int i = 0; i < 5; ++i)
IRowsElement row = wdContext.nodeRows().createRowsElement();
wdContext.nodeRows().addElement(row);
row.setImageURL(<URL of image at index i>);
If you put the image files inside folder src/mimes/components/<name-of-component>, you can use the filename as URL.
Armin -
Java Swing, Displaying Images in Labels
Im rather new to java programming. Im finding it difficult to display images, as they never seem to appear when they should. When I downloaded the examples in the java tutorial (but not the picture files), changed the picture files to picture files I have in my computer, it also didn't display any pictures. My guess is that this is something to do with what the java tutorial said:
"Generally, applications provide their own set of images used as part of the application, as is the case with the images used by many of our demos", and says that the createImageIcon() method should only be used when the images are part of the application. Could anyone explain to me how to make the set of images part of the application?
When I tried using the new ImageIcon("") method also no picture appeared. Could anyone explain this to me as well?
Sorry for bothering you all with such a probably trivial matter. Thank you :)It should, as far as I understand what you are describing. You have the bin directory, where you type "java <classname>" to start your app, and if the images are in that directory, all you should need is the filename. But generally, the image filename you use should be an absolute file path, or a path relative to the directory the application starts in.
There are other ways, however, which might be more useful for applications, notably loaded as resource...
new ImageIcon(getClass().getResource("xyz.gif"));
Where xyz.gif is in an directory or Jar file in the classpath. -
Display images in a 4x8 table problem
Hi all,
I know you can get scripts out there to make photo galleries
but I
want to create a table that shows images in rows of 4 images
per row
and up to 10 rows.
I have create this using 10 record sets restriced to show 4
consecutive images in a row.
Each record set show the next set of 4 images.
Is there a better way to do this? There must be.
If I get DW to display all the images in the db they will
just fill
the left to right.
Should I be using dynamic CSS to place the images in a
flowing
manner???
Regards a stumped
Coder.
Kevin.You need a nested looper - one that lets you loop 4 times on
the inner loop,
with each insertion filling a cell, and then loop once on the
outer loop, to
produce a new row. You can use this either to produce a page
showing ALL of
the images, or one that shows a set number, allowing you to
then 'navigate'
to the next/previous set of the same number of images. I
believe Tom Muck
has such a nested looper on his site (
http://www.tommuck.com), but
I'm not
sure what scripting methods it supports.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Kevin Doyle" <[email protected]> wrote in message
news:f7jhs1$c6h$[email protected]..
> Hi all,
> I know you can get scripts out there to make photo
galleries but I
> want to create a table that shows images in rows of 4
images per row
> and up to 10 rows.
> I have create this using 10 record sets restriced to
show 4
> consecutive images in a row.
> Each record set show the next set of 4 images.
>
> Is there a better way to do this? There must be.
> If I get DW to display all the images in the db they
will just fill
> the left to right.
>
> Should I be using dynamic CSS to place the images in a
flowing
> manner???
>
> Regards a stumped
> Coder.
> Kevin.
>
> -
My 8530 does not display images in the browser
My bb 8530 a few weeks ago suddenly stopped displaying images in the browser. Browser options are set to "display images". I've power cycled many times, even reset and wiped, but still no images in browser. How can I fix this? Thanks.
hi i have noticed the same problem. also with Chrome and FP ver 11.5.31.2and Firefox and Safari with FP 11.5.502.110
it seems that MovieClipLoader class not returning onLoadInit event. I use to add a fadein function on loadInit to fade in the loaded images. with the latest Flash PLayer versions this is not activated so you cannot see the loaded images.
I have tested this on 3 different systems and the problem is the same. I have not updated my FP for IE. There, the older FP still works well.
test systems
Mac OS LionSafari and FP 11.5.502.110 --- DOES NOT WORK WELL
Windows 7 64 bit
chrome 23.0.1271.95 with FP 11.5.31.2 - DOES NOT WORK WELL
Firefox 16.02 with FP 11.5.502.110 - DOES NOT WORK WELL
IE 9 with FP version 11.4.402.287 - WORKS
Windows XP SP3
Firefox 16.02 with FP 11.5.502.110 - DOES NOT WORK WELL
IE 8 wth FP 11.4.402.287 - WORKS
chrome 23.0.1271.95 with FP 11.5.31.2 - DOES NOT WORK WELL
Maybe you are looking for
-
Did you hit this error before in javafx MediaPlayer?
Hi,All I 'd like to make a javafx mediaplayer to play mp3 ,and I found some of mp3 wouldn't be supported by javafx mediaplayer,I don't know how can I solve this bug? I posted a mp3 file to the public network ,if you are interested in this issue, you
-
I recieved a message that MSVCR80.ddl was missing and iTunes would activate. After reinstalling iTunes, I'm receiving an "Error 7 (Windows error 126)" msg. What should I do?
-
hi, i want to kow from which version jdk release sax parser is being supported. regards ac
-
Has anyone found a solution to the iPhone not connecting to iTunes problem yet?
Is there a solution? Or do we just have to wait for Apple to release another update?
-
Get it here: https://www.adobe.com/cfusion/entitlement/index.cfm?e=lc_blazeds Damon Cooper Director of Engineering, BlazeDS and LiveCycle Data Services