IWeb image source... a link?

Is it possible on my iWeb-constructed webpage to have an image whose source is remotely linked (rather than a simple file on the local or .Mac server)? Note: I'm not refering to a hyperlink. For example, on my webpage I'd like to include the latest image from a webcam that appears on my school's website... I can make it work by manually writing in code (below) in the .html file that iWeb generates, but each time I edit my page I have to manually rewrite the code again. Can't iWeb support these kinds of "dynamic" images?? Thanks in advance!
Example code (minus the < and />): img src="http://www.atmos.colostate.edu/webcam/latest.jpg"

How do you know it's not a background image? That's how I
would do it.
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
==================
"Liquid-86" <[email protected]> wrote in
message
news:eimfhh$qsu$[email protected]..
> How do I put an Image under a text link? Or How do I put
a Text link on
> top of
> an image. Many sites do this where they have normal text
links and under
> them
> they have images, but it's not a background image, just
an image inside
> the
> cell. How do I do that?
>

Similar Messages

Have to toggle "Relative to" button each time I try to change an image source

Dreamweaver CS4 running on Windows 7.
When changing an existing image on an existing web page in Dreamweaver by double-clicking the existing image on the page to open the Select Image Source panel, I have to toggle the "Relative to" (Site Root / Document) button for each image.
In other words, say that when using Design view, I want to replace img1.jpg with img3.jpg, and IMG2.jpg with img4.jpg, The steps I have to take are:
1. Double click img1.jpg on the page to open the Select Image Source panel.
2. Select img3.jpg.
3. Click the Relative to button at the bottom of the panel and change it from whichever it is on (Site Root, let's say) to the other option (Document).
4, Then click OK.
5. Double click img2.jpg on the page...
6. Select img4.jpg
7 Select the other option (SIte Root) in the Relative to drop down
8. Then click OK
9. Repeat for each image whose source is being changed. If one is relative to Site Root, the next will have to be relative to Document, then the next again I have to select Site Root, etc.
If I don't select the other relative to option, the image source path will not change when I click OK.
Default Link Relative To in site definition is set to Document.
It's been like this for weeks now and it's starting to get annoying. Any ideas?

David, I tried deleting the corrupt cache flie, no difference. Deleted the config folder, same. Other than I lost the extensions... and had to reinstall them.
However, John's answer is correct. And clicking another image before clicking the one I want is faster than the way I was doing it.
It makes no difference if they are .png .jpg or .gif images.
By the way, I was wrong about my DW version. Turns out it's CS3. Guess it's time to upgrade... one of thes days!
Thanks everyone!
Message was edited by: tarfh, to add sentence about png images.

HELP!!!! I have spent hours trying to find out how to embed an image with a link or a Microsoft Word document with a hyperlink built within the document -- not as an attachment! Does ANYONE know the secret? Can it be done, or not! My PC clients do it.

HELP!!!! I have spent hours trying to find out how to embed an image with a link, or embed a Microsoft Word document with a hyperlink built within the document -- not as an attachment into my email -- but where it shows as the email content when opened! Does ANYONE know the secret? Can it be done, or not? My PC clients do it all the time easily. Then I want to be able to send the embedded image/document (not as an attachment, but visable within the email when opened) to many email contacts at once, BUT the individuals receiveing them DO NOT SEE the other email contacts. Cannot seem to be able to find anything on being able to do these 2 tasks.PLEASE, SOMEONE, HELP!!!

Don't know if this applies to Lion, but read here:
http://www.makeuseof.com/tag/create-html-announcement-mail-iweb-mac/

My iWeb image names are incompatible with FTP servers and must be renamed but I can't find the images in iWeb. I can upload to a desktop file and change them there but then I would need to download them to a new site in iWeb to publish them.

my iWeb image names are incompatible with FTP servers and must be renamed but I can't find the images in iWeb. I can upload to a desktop file and change them there but then I would need to download them to a new site in iWeb to publish them.
What's the answer?
Thanks

Many thanks to responded to my question and sorry not to get back sooner.
Yes, I discovered by this unfortunate experience that the names of photos are a serious issue if the site is to ever go to an FTP server. Apple should discuss this carefully in their "manual".
One more question: I uploaded the website to a folder on my desktop. When I open it, unlike the photos in iWeb, there are folders for each page which have all the photos in them. I went through each folder and changed the names to be FTP compatible. I'm using iWeb SEO Tool which allows one to upload from this local folder to an FTP server but having trouble.
Is this because there is an imbedment in iWeb that uses the old photo names to link to the actual photos and it can't find them because of the name changes?
Thanks again for your help ...
Phil McP

Bind StorageFile to Image source

Hi All,
I am developing an App in windows phone 8.1 , which contains thousands of storage files binding to images in listview.
I am first getting stream from file and preparing in to bitmap in converter class and return bitmap to imagesource property which takes lot of time and memory exception,Is there any best way to achieve this , i.e can I directly bind storagefile/filepath
to image Source, if yes please give an example.
Thanks
Sarvesh

Hi Sarvesh,
I found a thread talking about this similar question, please refer to the following link to see more.
https://social.msdn.microsoft.com/Forums/windowsapps/en-US/51c43447-0289-4b93-9ba7-a5f1ef57d1a6/how-to-bind-image-into-into-listview-template-image-location-is-in-library-folder-?forum=winappswithcsharp. Note it is a store app thread, but you can use the
code snippet in your phone project.
Feel free to let me know if you have any concerns.
Regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place. Click HERE to participate
the survey.

Question about dynamically changing image source

hi, this might be a stupid question that i've simply never
seen, but i have a picture on a page that, when the user clicks a
link below, needs to change to an altered picture. probably very
simple, i just need code that will change the image source of a
named image by clicking a link. thanks for any help you can give
me.

You can use a remote rollover technique that uses css
(nesting one or more elements inside an anchor link) and absolute
positioning, or JavaScript.
Here is a quick JavaScript to achieve this effect:
xhtml code
<head>
<script src="external.js" language = "javascript" type =
"text/javascript"></script>
</head>
<body>
<p><a href="new_page.html" id="arrow"> New
Page</a></p>
<img src="images/image1_off.gif" width="100" height="20"
id="arrowImg" alt="arrow" />
</body>
external JavaScript file
window.onLoad = rolloverInit;
function rolloverInit() {
for (var i=0; i<document.links.length; i++)
var linkObj = document.links
if (linkObj.id) {
var imgObj = document.getElementById(linkObj.id + "Img");
if (imgObj) {
setupRollover(linkObj, imgObj);
function setupRollover(thisLink, thisImage) [
this.Link.imgToChange = thisImage;
this.Link.onmouseout = rollOut;
this.Link.onmouseover = rollOver;
thisLink.outImage = new Image();
this.Link.outImage.src = this.Image.src;
thisLink.overImage = new Image();
thisLink.overImage.src = "images/" + thisLink.id +
"_on.gif";
function rollOver() {
this.imgToChange.src = this.overImage.src;
function rollOut() {
this.imageToChange.src = this.outImage.src;
There is a lot going on here but if you know a little
JavaScript it will be failry easy to work it out. The important
thing is to note the file layout, naming conventions and image
constructs. Make sure the ids, etc are matched in the functions and
html code.
This technique shows the user what the image will become if
they click the text when they mouse over the text link. This is
handy for showing a preview of an image. You can alter the script
to change the image without a preview if you don't want that
effect.
regards
Nick Barling
www.barkingweb.com

Some of my website images with embeded links only show the link with firefox, with IE8 the image appears correctly, why does this happen

my website http://www.functionkey.net. If you view my homepage you will see that 3 of my images with embedded links only show up with the links. I am not using "_blank" in my code. The website was created using Microsoft Frontpage 2003.

If you look at the page source then you will notice that there are some errors with (missing) closing tags.<br />
Such errors shows as RED text.<br />
You need to correct at least all codes marked as red text.
The first <a> tag isn't closed here and you open a second <a>
<pre><a target="_blank" border="0" href="http://www.win-rar.com">
<div align="left">
 </div>
<div align="left">
<u><a href="http://www.smartdraw.com"></u>
<img src="images/sd_logo.gif" width="256" height="111" border="1" alt="SmartDraw - The world's first Visual Processor (TM)" hspace="0"></a></pre>

How to display URL images and URL link (html) from Smartforms?

Hi Gurus,
I'm having difficulty on how to display targeted URL images and URL link from the smartforms, after i sending it out as html mail. The mail i sent just can be preview as a plain text, which can't execute the html code that i put inside the smartforms itself. I follow a few step from this very useful blog.. Hopefully, you guys can give me some solutions or ideas on this.
/people/pavan.bayyapu/blog/2005/08/30/sending-html-email-from-sap-crmerp -thanks to Pavan for his useful blog.
My code is like this..
<--- Start Code.
FORM call_smartforms.
DATA : lv_subject TYPE so_obj_des,
         lc_true(1) VALUE 'X',
         lw_control_parameters TYPE ssfctrlop,
         lw_output_options TYPE ssfcompop,
         lc_graphics(8) VALUE 'GRAPHICS',
         lw_xsfparam_line TYPE ssfxsfp,
         lc_extract(7) VALUE 'EXTRACT',
         lc_graphics_directory(18) VALUE 'GRAPHICS-DIRECTORY',
         lc_mygraphics(11) VALUE 'mygraphics/',
         lc_content_id(10) VALUE 'CONTENT-ID',
         lc_enable(6) VALUE 'ENABLE',
         lw_job_output_info TYPE ssfcrescl,
         lw_html_data TYPE trfresult,
         lw_graphics TYPE ssf_xsf_gr,
         lt_graphics TYPE tsf_xsf_gr,
         lv_html_xstr TYPE xstring,
         lw_html_raw LIKE LINE OF lw_html_data-content,
         lv_incode TYPE tcp00-cpcodepage VALUE '4110',
         lv_html_str TYPE string,
         lv_html_len TYPE i,
         lc_utf8(5) VALUE 'utf-8',
         lc_latin1(6) VALUE 'latin1',
         lv_offset TYPE i,
         lv_length TYPE i,
         lv_diff TYPE i,
         lt_soli TYPE soli_tab,
         lw_soli TYPE soli,
         lc_mime_helper TYPE REF TO cl_gbt_multirelated_service,
         lv_name TYPE mime_text VALUE 'sapwebform.htm',
         lv_xstr TYPE xstring,
         lw_raw TYPE bapiconten,
         lt_solix TYPE solix_tab,
         lw_solix TYPE solix,
         lv_filename TYPE string,
         lv_content_id TYPE string,
         lv_content_type TYPE w3conttype,
         lv_obj_len TYPE so_obj_len,
         lv_bmp TYPE so_fileext VALUE 'BMP',
         lv_description TYPE so_obj_des VALUE 'Graphic in BMP format',
         lc_doc_bcs TYPE REF TO cl_document_bcs,
         lc_bcs TYPE REF TO cl_bcs,
         lc_send_exception TYPE REF TO cx_root,
         lw_adsmtp TYPE lty_adsmtp,
         lv_mail_address TYPE ad_smtpadr,
         lc_recipient TYPE REF TO if_recipient_bcs,
         lc_send_request TYPE REF TO cl_bcs,
         lv_sent_to_all TYPE os_boolean.
DATA : v_language TYPE sflangu VALUE 'E',
         v_e_devtype TYPE rspoptype.
v_form_name = 'ZTEST_EMAIL'.
CALL FUNCTION 'SSF_FUNCTION_MODULE_NAME'
    EXPORTING
      formname           = v_form_name
    IMPORTING
      fm_name            = v_namef
    EXCEPTIONS
      no_form            = 1
      no_function_module = 2
      OTHERS             = 3.
IF sy-subrc = 0.
   break mhusin.
ENDIF.
starting here. ***
Set title for the output
lv_subject = 'Smartforms.'.
Set control parameters to "no dialog"
lw_control_parameters-no_dialog = lc_true.
IF lw_service_subject-code = lc_fm1.
*--- To get output device type
CALL FUNCTION 'SSF_GET_DEVICE_TYPE'
    EXPORTING
      i_language    = v_language
      i_application = 'SAPDEFAULT'
    IMPORTING
      e_devtype     = v_e_devtype.
lw_output_options-tdprinter = v_e_devtype.
lw_control_parameters-getotf = 'X'.
IF sy-subrc = 0.
   break mhusin.
ENDIF.
Set output options
lw_output_options-xsf        = lc_true.
lw_output_options-xsfcmode   = lc_true.
lw_output_options-xsfoutmode = 'A'.
lw_output_options-xsfoutdev = space.
lw_output_options-xsfformat = lc_true.
lw_xsfparam_line-name = lc_graphics.
lw_xsfparam_line-value = lc_extract.
APPEND lw_xsfparam_line TO lw_output_options-xsfpars.
lw_xsfparam_line-name = lc_graphics_directory.
lw_xsfparam_line-value = lc_mygraphics.
APPEND lw_xsfparam_line TO lw_output_options-xsfpars.
lw_xsfparam_line-name = lc_content_id.
lw_xsfparam_line-value = lc_enable.
APPEND lw_xsfparam_line TO lw_output_options-xsfpars.
Get the smartform content
CALL FUNCTION v_namef
    EXPORTING
      control_parameters   = lw_control_parameters
      output_options       = lw_output_options
*pass other application specific parameters (eg order number, items ).
IMPORTING
      job_output_info    = lw_job_output_info
TABLES
      tt_tabh              = tt_tabh
      tt_tabb              = tt_tabb
      tt_tabf              = tt_tabf
EXCEPTIONS
      formatting_error = 1
      internal_error   = 2
      send_error       = 3
      user_canceled    = 4
      OTHERS           = 5.
IF sy-subrc = 0.
   break mhusin.
ENDIF.
lw_html_data = lw_job_output_info-xmloutput-trfresult.
lt_graphics[] = lw_job_output_info-xmloutput-xsfgr[].
CLEAR lv_html_xstr.
LOOP AT lw_html_data-content INTO lw_html_raw.
    CONCATENATE lv_html_xstr lw_html_raw INTO lv_html_xstr IN BYTE MODE.
ENDLOOP.
lv_html_xstr = lv_html_xstr(lw_html_data-length).
CALL FUNCTION 'SCP_TRANSLATE_CHARS'
    EXPORTING
      inbuff       = lv_html_xstr
      incode       = lv_incode
      csubst       = lc_true
      substc_space = lc_true
    IMPORTING
      outbuff      = lv_html_str
      outused      = lv_html_len
    EXCEPTIONS
      OTHERS       = 1.
*HACK THE HTML CODE GENERATED BY SMARTFORM TO MAKE THE
*EXTERNAL IMAGES APPEAR AS <IMG> TAG IN HTML
REPLACE ALL OCCURRENCES OF '<IMG' IN lv_html_str WITH '<IMG' IGNORING CASE.
REPLACE ALL OCCURRENCES OF '/>' IN lv_html_str WITH '/>' IGNORING CASE.
REPLACE ALL OCCURRENCES OF '</A>' IN lv_html_str WITH '' IGNORING CASE.
REPLACE ALL OCCURRENCES OF '<' IN lv_html_str WITH '<' IGNORING CASE.
REPLACE ALL OCCURRENCES OF '>' IN lv_html_str WITH '>' IGNORING CASE.
CALL METHOD html_control - >load_mime_object
   EXPORTING
     object_id = 'ZWN'
     object_url = 'ZWN.GIF'
   EXCEPTIONS
     OTHERS     = 1.
REPLACE ALL OCCURRENCES OF lc_utf8 IN lv_html_str WITH lc_latin1.
REPLACE ALL OCCURRENCES OF lc_utf8 IN lv_html_str WITH 'iso-8859-1'.
   break mhusin.
lv_html_len = STRLEN( lv_html_str ).
lv_offset = 0.
lv_length = 255.
WHILE lv_offset < lv_html_len.
    lv_diff = lv_html_len - lv_offset.
    IF lv_diff > lv_length.
      lw_soli-line = lv_html_str+lv_offset(lv_length).
    ELSE.
      lw_soli-line = lv_html_str+lv_offset(lv_diff).
    ENDIF.
    APPEND lw_soli TO lt_soli.
    ADD lv_length TO lv_offset.
ENDWHILE.
CREATE OBJECT lc_mime_helper.
CALL METHOD lc_mime_helper->set_main_html
    EXPORTING
      content     = lt_soli
      filename    = lv_name
      description = lv_subject.
LOOP AT lt_graphics INTO lw_graphics.
    CLEAR lv_xstr.
    LOOP AT lw_graphics-content INTO lw_raw.
      CONCATENATE lv_xstr lw_raw-line INTO lv_xstr IN BYTE MODE.
    ENDLOOP.
    lv_xstr = lv_xstr(lw_graphics-length).
    lv_offset = 0.
    lv_length = 255.
    CLEAR lt_solix[].
    WHILE lv_offset < lw_graphics-length.
      lv_diff = lw_graphics-length - lv_offset.
      IF lv_diff > lv_length.
        lw_solix-line = lv_xstr+lv_offset(lv_length).
      ELSE.
        lw_solix-line = lv_xstr+lv_offset(lv_diff).
      ENDIF.
      APPEND lw_solix TO lt_solix.
      ADD lv_length TO lv_offset.
    ENDWHILE.
    CONCATENATE lc_mygraphics lw_graphics-graphics text-001 INTO lv_filename.
    CONCATENATE lc_mygraphics lw_graphics-graphics text-001 INTO lv_content_id.
    lv_content_type = lw_graphics-httptype.
    lv_obj_len      = lw_graphics-length.
*Add images to the email
    CALL METHOD lc_mime_helper->add_binary_part
      EXPORTING
        content      = lt_solix
        filename     = lv_filename
        extension    = lv_bmp
        description = lv_description
        content_type = lv_content_type
        length       = lv_obj_len
        content_id   = lv_content_id.
ENDLOOP.
TRY.
      lv_subject = lv_subject.
      lc_doc_bcs = cl_document_bcs=>create_from_multirelated(
               i_subject          = lv_subject
               i_multirel_service = lc_mime_helper ).
    CATCH cx_document_bcs INTO lc_send_exception.
    CATCH cx_bcom_mime INTO lc_send_exception.
    CATCH cx_gbt_mime INTO lc_send_exception.
ENDTRY.
Create send request
TRY.
      lc_bcs = cl_bcs=>create_persistent( ).
    CATCH cx_send_req_bcs INTO lc_send_exception.
ENDTRY.
TRY.
      lc_bcs->set_document( i_document = lc_doc_bcs ).
    CATCH cx_send_req_bcs INTO lc_send_exception.
ENDTRY.
Set-up email receiver
lv_mail_address = '[email protected]'.
TRANSLATE lv_mail_address TO UPPER CASE.
TRY.
      lc_recipient = cl_cam_address_bcs=>create_internet_address(
          i_address_string = lv_mail_address ).
    CATCH cx_address_bcs INTO lc_send_exception.
ENDTRY.
TRY.
      lc_bcs->add_recipient( i_recipient = lc_recipient ).
    CATCH cx_send_req_bcs INTO lc_send_exception.
ENDTRY.
Send smartforms as HTML email
TRY.
      lc_bcs->send( ).
    CATCH cx_send_req_bcs INTO lc_send_exception.
ENDTRY.
COMMIT WORK.
WRITE:/ 'Mail sent'.
ENDFORM.                    "call_smartforms
End Code --->
Thanks and Regards.

1- put your images in a directory under the web app directory. Example: app/images/
2- in your jsp, use: String file = application.getRealPath("/images/"); to get the images directory. See http://java.sun.com/j2ee/sdk_1.3/techdocs/api/javax/servlet/ServletContext.html#getRealPath(java.lang.String)
3- it's not the right forum to post this kind of question. Post them in the JSP/Servlet JSTL forum instead

How to set image source path in formsweb.cfg file in forms 11g

Hi,
I had written HTML code in the formsweb.cfg file in forms 11g. In the below code i am unable to retrive image file(i.e., .gif, .jpeg) from the server or local machine.
In the below HTML code i set image source in the image tag as below:
<img src="E:\Oracle\Middleware\Oracle_FRHome1\tools\web\html\agilis-life-new11_04.GIF"
Is this correct path to fetch the images from the server or local machine .
Please help me out how to set path for image in html or is there any alternate process to retrive images.
Here is the code :
[INDIVIDUALUAT]
workingDirectory=D:\Aims10dev\Work
form=LMstartup.fmx
userid=rmenu/rmenu@RLIFEQA64
codebase=/forms/java
imageBase=codebase
width=1005
height=750
WebUtilArchive=/forms/java/frmwebutil.jar,/forms/webutil/jacob.jar
WebUtilLogging=off
WebUtilLoggingDetail=normal
WebUtilErrorMode=Alert
WebUtilDispatchMonitorInterval=5
WebUtilTrustInternal=true
WebUtilMaxTransferSize=16384
baseHTMLjinitiator=webutiljini.htm
baseHTMLjpi=webutiljpi.htm
archive_jini=frmall_jinit.jar,life-icons-round.jar,Agilis_Icon.jar,life_Icon.jar,personalize.jar,hyperlink.jar,amazingbutton.jar
archive=frmall.jar
separateFrame=False
lookandfeel=Generic
EndUserMonitoringURL=True
usesdi=yes
#HTMLbeforeForm= <table width="1005" border="0" cellspacing="0" cellpadding="0"><tr><td width="200"><img src="/forms/html/agilis-life-logo.gif" width="200" height="80" /></td><td width="10"><img src="/forms/html/agilis-life-new11_02.gif" width="36" height="80" /></td><td width="805" valign="top" background="/forms/html/agilis-life-new11_03.gif"></td></tr></td></tr></table>
HTMLbeforeForm=<body topmargin="0" leftmargin="0" > <table width="1005" height="100" border="0" cellspacing="0" cellpadding="0"><tr><td width="200" valign="bottom" ><img src="E:\Oracle\Middleware\Oracle_FRHome1\tools\web\html\agilis-life-logo.gif" width="200" height="80" /></td><td width="10" valign="bottom" ><img src="E:\Oracle\Middleware\Oracle_FRHome1\tools\web\html\agilis-life-new11_02.gif" width="36" height="80" /></td><td width="550" valign="bottom" ><img src="E:\Oracle\Middleware\Oracle_FRHome1\tools\web\html\agilis-life-new11_03.gif" width="550" height="80" /></td><td valign="bottom"><table width="219" height="90" border="0" cellspacing="0" cellpadding="0"><tr><td height="36" valign="bottom" align="center"><img src="E:\Oracle\Middleware\Oracle_FRHome1\tools\web\html\agile-logo.jpg" height="36"></td></tr><tr><td height="10" valign="bottom"> <div align="right"><span style="font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; color:#00000; " >Home | Change Password | Logout</span></div></td></tr><tr><td colspan="3" valign="bottom"><img src="E:\Oracle\Middleware\Oracle_FRHome1\tools\web\html\agilis-life-new11_04.GIF" width="100%" height="39" /></td></tr></table></td></tr></td></tr></table></body>

AFAIK, this is not the correct way to set the image location.
We call the working directory as context, so inside the context root along with WEB-INF, maintain a folder with name img and put all the images in that directory.
You can use either .\<image_folder> or the optimum way would be (if you are using JSPs) to use getContext() method and traverse accordingly.
FYI,,, using getContext() will give you context root directory, from there it is as simple as accessing any other folder.
Hope this answers your question.
Cheers,
Jeets.

Use different "fx-border-image-source" for first tab and remaining tabs

Hi,
I'm using something like this
.tab {
-fx-padding: 0px 5px -2px 5px;
-fx-background-insets: 0 -20 0 0;
-fx-background-color: transparent;
-fx-text-fill: #c4d8de;
-fx-border-image-source: url("images/tab5.png");
-fx-border-image-slice: 20 20 20 20 fill;
-fx-border-image-width: 20 20 20 20;
-fx-border-image-repeat: stretch;
-fx-font-size: 22px;
.tab:selected {
-fx-border-image-source: url("images/tab-selected5.png");
-fx-text-fill: #333333;
     -fx-background-color: red;*/
to customize the tab appearance of a TabPane.
That worked well. But I need to use a different set of images for just the first tab. Does anyone know a way to accomplish that?
Thanks.

How can I "fix up" the first tab of tab panes that are created after I "fixed up" the first tab of the initial tab pane?
My app allows user to create new tab panes at any moment during program execution.Not easy to answer this one.
The best answer would be to use structural pseudoclasses, but (as David points out), they are not yet implemented.
The trick here is how to identify the first tab of each tab pane so that it can be styled separately from the other panes.
Doing the styling without a dynamic lookup is preferrable to using a dynamic lookup (i.e. when the first tab is created give it a specific style, e.g. tab0).
This is how the charts work, where they set style classes based on series of data, e.g. series0, series1 - this allows you to independently style each series of data.
However the chart stuff has all of that built into the implementation, whereas the tabs don't. To achieve that you would likely need to go into the TabSkin code (http://openjdk.java.net/projects/openjfx/) find out where and how it generates the Tab nodes and write a custom tab skin or extension of the existing one which assigns a numeric style class to each new tab in a pane (e.g tab0, tab1, etc). In other words, not particularly easy if you are unfamilar with the tab skin implementation. You could log a javafx jira feature request to have those style classes set on tabs - file it here => http://javafx-jira.kenai.com.
In the meantime a simple alternative is to use the dynamic lookup method in my previous post and a hack such that whenever you add a new tab pane to the scene you do something like the following:
new Timeline(
new KeyFrame(
    Duration.millis(50),
    new EventHandler<ActionEvent>() {
      @Override public void handle(ActionEvent arg0) {
        Node tab = newTabPane.lookup(".tab");
        if (tab != null) tab.getStyleClass().add("first-tab");
).play();The reason for the Timeline is that I don't really know at what stage the css layout pass is executed. I know that when you initially show the stage and then do a lookup, the css pass seems to have already been done and the lookup will work. But for something that is dynamically added or modified after the scene is displayed - I have no idea when the css layout pass occurs, other than it's some time in the future and not at the time that you add the tabPane to the scene. So, the Timeline introduces a short delay to (hopefully) give the css layout pass time to execute and allow the lookup to work (not return null). Not the best or most efficient solution, but should work for you.

Image.source in ItemRenderer works in Windows but not Mac

I have a Flex (AIR) application that is giving me problems on
the Mac. In one of the
Datagrids, I am using an ItemRenderer with an image control.
Some code in the
"set data(value:Object)" function assigns a file path as the
source of the image
control as follows.
imgThumb.source =
File.documentsDirectory.resolvePath("pdqtemp").nativePath +
"/" + data.strJPGFileName;
This works correctly in Windows , but not on the Mac.
In this case, the path resolves to the following on the Mac.
/Users/brian/Documents/pdqtemp/artist_01t.jpg
I have verified that the file is in the right place and when
using the path in
the command line console, it correctly addresses that
directory and file. I
don't normally develop apps for the Mac so I am sure there is
something I am
missing.
Any ideas?
Thanks for your help.

Hi Jed,
Thanks for responding
That is the exact path assigned to the Source of the Image
control. However, it isn't exactly a trace of the Image.Source
property.
The code in question is attached
The alert shows the path I originally posted and shows that
the fileImgThumb.exists returns False.
As I mentioned, this works perfectly in Windows. There is
some code elsewhere in the app that creates the thumbnail. That
does work on the Mac as the thumbnail image is created and saved
where expected.
I am not sure what I might be doing wrong.
Thanks for your help,
Sid

Instead of using image in a link column can we have button with name?

Hi,
In Apex , in report region instead of using image in a link column can we have button with name?
Thanks,
Anoo..

From your wording, it sounds like you used the built-in column link within APEX. You will need to edit your column and remove that so that the column is only containing the definition that is coming from the query (you can also just change the alias used for the column and then the old column with the link will be removed and the new alias will be added against your new button column).
-- Sharon

Image with a Link to an URL

Hi,
I have an easy question. I would like to have a little question mark-image on my view. And this image has an link to an url. So I would like to push this image, and a new browser-window opens.
I only found the Layout-element "LinkToUrl". But with this element I don't have an image.
How does it works in Webdynpro? In HTML it is very easy...

Hi,
Change the layout to grid type and then scroll down. You will find "layout[GridLayout]" set col count here to the number equal to total number of buttons + 2.
Then click on link and in the properties scroll down and set col span = 2.
and hAlign = right.
this will do the required.
and the flowdata is coming in your container's properties because this container is also present in one of the transparent container which is having layout as flow layout.
Regards,
Sarbjeet.

Image source in itemrenderer

imglist = arraycollection which contains names of images
which are coming from database
myimg = array of images
all images are stored in newfolder
how to use tilelist itemrenderer for images

Hi Jed,
Thanks for responding
That is the exact path assigned to the Source of the Image
control. However, it isn't exactly a trace of the Image.Source
property.
The code in question is attached
The alert shows the path I originally posted and shows that
the fileImgThumb.exists returns False.
As I mentioned, this works perfectly in Windows. There is
some code elsewhere in the app that creates the thumbnail. That
does work on the Mac as the thumbnail image is created and saved
where expected.
I am not sure what I might be doing wrong.
Thanks for your help,
Sid

Is there a way for my images that are links NOT to be denoted by whatever color i set my links to be in my page properties?

Hi there.
i have set my links to be black in my page properties. i have somes images that i am using for links and i do not want the to have a black box tracing their outline. it's messing up my design and tables. is there a way for my images that are links NOT to be denoted by whatever color i set my links to be in my page properties?
see attachment.
thanks for sharing your knowledge with me.
gina

If you would like your NON-linked images to have a border, and only remove the border from linked images then this css:
a img { border:none; }
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

IWeb image source... a link?

Similar Messages

Maybe you are looking for