How to do image with input text?

hi,iam using jdveloper 11.1.2.3.0 my requirement as follows...
i have input text beside of that input text i need to display image of create insert(not below of input text)

Hi,
Something like this.
<af:panelGroupLayout id="pgl1" layout="horizontal" inlineStyle='background-image:url("Convocation.jpg");'>
          <af:inputText label="Label 1" id="it1"/>
        </af:panelGroupLayout>
thanks
"thanxs TLanz but the group layout column is getting the width problem(means remaining columns are in same width except group layout column) so how to set with same width.........."
from my understanding if your layout adjust according to your image you use strecth layout. I failed to get you "(means remaining columns are in same width except group layout column) "
edited lately,

Similar Messages

  • Paging a data table with input text fields

    I've created a datatable with input text fields so that contents can be edited. I have 'save' and 'cancel' buttons on the page so that changes can be saved or abandoned. That seems to work fine.
    However, I have a problem with paging. If I modify an input text field, page to the next page in the datatable and then page back, the modified input text field reverts to the original entry in the database. Does anyone know how I can preserve this change (without issuing a commit) until the user clicks on the save button?
    Here is a snippet of jsp with datatable.
    <h:dataTable binding="#{DocTypeDetail.doctypeMetadataTable}" headerClass="list-header" id="doctypeMetadataTable"
    rowClasses="list-row-even,list-row-odd" rows="5" style="left: 240px; top: 312px; position: absolute"
    value="#{DocTypeDetail.doctypeMetadataTableModel}" var="currentRow">
    <h:column binding="#{DocTypeDetail.column2}" id="column2">
    <h:inputText binding="#{DocTypeDetail.textField1}" id="textField1" value="#{currentRow['name']}"/>
    <f:facet name="header">
    <h:outputText binding="#{DocTypeDetail.outputText5}" id="outputText5" value="Name"/>
    </f:facet>
    </h:column>
    <h:column binding="#{DocTypeDetail.column3}" id="column3">
    <h:inputText binding="#{DocTypeDetail.textField2}" id="textField2" value="#{currentRow['value']}"/>
    <f:facet name="header">
    <h:outputText binding="#{DocTypeDetail.outputText8}" id="outputText8" value="Value"/>
    </f:facet>
    </h:column>
    <f:facet name="header"/>
    <f:facet name="header"/>
    <f:facet name="header"/>
    <f:facet name="header"/>
    <f:facet name="header"/>
    <f:facet name="header"/>
    <f:facet name="header"/>
    <f:facet name="header"/>
    <f:facet name="header"/>
    <f:facet name="header">
    <h:panelGroup binding="#{DocTypeDetail.groupPanel1}" id="groupPanel1" style="display: block; text-align: center" styleClass="list-paging-header">
    <h:commandButton action="#{DocTypeDetail.doctypeMetadataTable_firstPageAction}"
    binding="#{DocTypeDetail.doctypeMetadataTableHeaderFirstButton}" id="doctypeMetadataTableHeaderFirstButton"
    image="resources/paging_first.gif" immediate="true"/>
    <h:commandButton action="#{DocTypeDetail.doctypeMetadataTable_previousPageAction}"
    binding="#{DocTypeDetail.doctypeMetadataTableHeaderPreviousButton}" id="doctypeMetadataTableHeaderPreviousButton"
    image="resources/paging_previous.gif" immediate="true"/>
    <h:commandButton action="#{DocTypeDetail.doctypeMetadataTable_nextPageAction}"
    binding="#{DocTypeDetail.doctypeMetadataTableHeaderNextButton}" id="doctypeMetadataTableHeaderNextButton"
    image="resources/paging_next.gif" immediate="true"/>
    <h:commandButton action="#{DocTypeDetail.doctypeMetadataTable_lastPageAction}"
    binding="#{DocTypeDetail.doctypeMetadataTableHeaderLastButton}" id="doctypeMetadataTableHeaderLastButton"
    image="resources/paging_last.gif" immediate="true"/>
    </h:panelGroup>
    </f:facet>
    </h:dataTable>

    I know by now you must have figured it out. If not you might want to try keeping the backing bean in session instead of request scope.
    Hope that helps,
    HeMan

  • How to restore image after Set Text of Container behavior

    Hi there, I'm not sure how to apply the Set Text of Container behavior. Basically, when I mouse over an image, I want a larger version of the image with decription text to appear.  I also want to restore the original image without text on mouse out.
    I want the larger image and its text to appear in the exact location of the original image not anywhere else on the page. Here's an example what I've done to try and achieve the effect:-
    1. Create a div and insert image in it.
    2. Select the image and Set Text of Container behavior. Under the Set Text of Container dialog box, select the div that the image is in (e.g. div "apdiv1") and type in the New HTML - For example: <img src="largerimage.jpg"><span id="apdiv1">image description</span>
    3. Set the event to mouseover
    I do not know how to proceed to restore the original image without text when I mouse out. I know I’m doing something wrong to achieve this effect but I can’t figure out what it is. Your help is greatly appreciated!

    Use CSS Disjointed Rollovers.
    http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml
    http://alt-web.com/DEMOS/CSS-Disjointed-Rollover-1.shtml
    http://alt-web.com/DEMOS/CSS-Disjointed-Rollover-2.shtml
    http://alt-web.com/DEMOS/CSS-Disjointed-Rollover-3.shtml
    Nancy O.
    THANK YOU NANCY It worked perfectly!
    THANKS GRAMPS!

  • How to embed images in long text of PM Notifications/Orders

    Dear Sir,
    How to embed images in long text of PM Notifications/Orders? Kindly help.
    Thanks & Regards
    PM Team.

    Hi,
      Unfortunately, You will not be able to view the graphics within the Long text editor screen.Only Limited word functionality is available on these editors.
      You will have to store these pictures separately as an attachment, through generic object services and then view them through that.
    Regards
    Narasimhan

  • To group images with created text frame and apply label for it...

    Hi Everyone,
    We are currently working in auto figure placements for CS3. I have placing the figures into the document. Then i am creating figure caption text frames below the images. Here the concern is i need to group these image and the text box. After this i have to place these images with captions into corresponding pages where the figures have been cited. Also suggest me how to place these images in center of the page as well as in top or bottom of the page margin.
    Can anyone help me for this. Your help will be much appreciated.
    Below is my modified script,
    var myPage;
    main();
    function main(){
        var myFilteredFiles;
        app.scriptPreferences.userInteractionLevel = UserInteractionLevels.interactWithAll;
        myExtensions = [".jpg", ".jpeg", ".eps", ".ps", ".pdf", ".tif", ".tiff", ".gif", ".psd", ".ai"]
        var myFolder = Folder.selectDialog("Select the folder containing the images", "");
        if(myFolder != null){
                if(File.fs == "Macintosh"){
                    myFilteredFiles = myMacOSFileFilter(myFolder);
                else{
                    myFilteredFiles = myWinOSFileFilter(myFolder);
                if(myFilteredFiles.length != 0){
                    for (j=0; j<myFilteredFiles.length; j++){
                        var myImages = myFilteredFiles[j];
                        citePage(j);
                        app.activeDocument.pages.item(myPage.name).place(myImages);
                        alert("Done!");
    function myMacOSFileFilter(myFolder){
        var myFilteredFiles = myFolder.getFiles(myFileFilter);
        return myFilteredFiles;
    function myFileFilter(myFile){
        var myFileType = myFile.type;
        switch (myFileType){
            case "JPEG":
            case "EPSF":
            case "PICT":
            case "TIFF":
            case "8BPS":
            case "GIFf":
            case "PDF ":
                return true;
                break;
            default:
            for(var myCounter = 0; myCounter<myExtensions.length; myCounter++){
                var myExtension = myExtensions[myCounter];    
                if(myFile.name.indexOf(myExtension)>-1){
                    return true;
                    break;           
        return false;   
    //To find cited pages
    function citePage(myInst){
        app.findGrepPreferences = app.changeGrepPreferences = NothingEnum.NOTHING;
        app.findGrepPreferences.findWhat="(?<=Figure \\d\\.)\\d";
        var myFind=app.findGrep(false);
        myPage = myFind[myInst].characters.item(0).parentTextFrames[0].parent;
        return myPage.name;
    Thanks Regards
    Thiyagu

    The shadow effect has to have something to be applied on, but by default text frames borders and fills are invisible.
    If you set the border of your frame to a color & thickness, you'll see it gets a shadow of its own, independent of the text. (Try it with dotted and dashed lines!)
    Additionally, if you set the fill of your text frame to a solid color, you'll see the single solid shadow you were expecting.

  • How to maintain focus in input text box?

    I am a complete newbie with Flash MX, ActionScript, and
    everything in between. So here's my situation.
    I want to make it so the user has to type in a password to
    move forward with the Flash presentation. When he presses OK, it
    takes him to further into the presentation (i.e. Frame 20).
    On my login screen, I have a couple of layers that are
    animated. Thus, I need these animations to keep looping. So what
    did I do? At the end of the animation, I put in code to
    GotoAndPlay(1).
    Now here's the problem... When someone's trying to type in
    the password, when it loops (Gotoandplay), the input box loses
    focus. To remedy this situation, for frame 1, I put in the code:
    Selection.setFocus("txtPassword").
    What happens? Everytime it sets focus, everything gets
    highlighted in the input text field.
    As you can imagine, it is a headache for anyone who is trying
    to type in the password because every few seconds, the whole thing
    gets highlighted and he accidently types over it.
    Any suggestions?

    1. copy the frames of your looping animation.
    2. create a new movieclip and paste those copied frames onto
    this movieclip's timeline
    3. from your library drag a copy of the above movieclip to
    frame 1 of your main timeline and attach a stop() to that frame.
    4. place your login textfield and ok button on frame 1 of
    your main timeline.
    5. when ok is pressed (and login) passes some condition
    direct your main timeline to frame 20.

  • ADF Mobile - How to view or hide input text in List View dynamically

    I've build ADF mobile Application using Jdeveloper 11.1.2.4
    I've added <amx:listView to my page.
    This list view shows a list of Employees from web service and beside each employee
    amx:selectBooleanSwitch
    I want when I switch amx:selectBooleanSwitch to true to display input text beside employee name
    I don't know how to make like this behavior

    I've build ADF mobile Application using Jdeveloper 11.1.2.4
    I've added <amx:listView to my page.
    This list view shows a list of Employees from web service and beside each employee
    amx:selectBooleanSwitch
    I want when I switch amx:selectBooleanSwitch to true to display input text beside employee name
    I don't know how to make like this behavior

  • How show ONLY images with problems or needing metadata update, etc?

    In LR3, how do I show JUST the images that are waiting for a metadata update on disk?
    Or, more importantly, how do I show images that have a problem - the little box on the top right of the thumbnail with the exclamation point.
    If I have a dozen images out of 50,000 that have an error with "another process has updated the metadata" I want to see JUST THOSE IMAGES
    so I can fix the problem...
    How do I do this?

    Dave, there are two related issues:
    - LR appears to have a number of problems correctly identifying which images have metadata conflicts between the catalog and the files proper:
    http://feedback.photoshop.com/photoshop_family/topics/lr_3_5rc_reproducible_spurious_metad ata_file_needs_to_be_updated
    - LR has no mechanism that allows you to identify just those images with metadata conflicts:
    http://feedback.photoshop.com/photoshop_family/topics/metadata_collisions_between_catalogu e_and_files
    Please visit these feedback topics and add your vote and opinion.  Adobe pays closer attention to the feedback forum than this one.

  • Problem with "Input text with List of Value"

    Hi,
    I have a table where i am storing country code using "Input text with List of Value". I want a another non base table item where i would like to show the "Country Name" of the select LOV. Kindly let know a way to implement the LOV where it returns the "Country code" to base table item and "Country name" to the non base table item.
    thanks
    Sanjay

    Hi,
    I am getting lazy in chasing down the JDeveloper release by the ADF Faces component mentioned.. So I ask: Which verson of JDeveloper are you on ?
    Frank

  • How to Mask Image with different Shape

    Hi all,
    In my flex application , i am displaying a image which is in
    rectangle shape. but i want to show that image in a rounded
    rectangle shape, for that i want to mask the image with rounded
    rectangle, .
    anyone please tell me how to do this,
    i also tried by setting the mask property in the image, but i
    am not getting.
    please help me.
    thanks in advance
    regards
    avanthika

    Hi all
    i am trying in this way still i did not get it
    i have placed image in a canvas.
    <mx:Canvas id="c1" x="10" y="10" width="200"
    height="200">
    <mx:Image id="img2" source="image1.jpg" />
    </mx:Canvas>
    to mask the above image , i need shape to mask i have written
    following code it is not working
    import flash.display.*;
    public function init(){
    var square:Sprite = new Sprite();
    square.graphics.beginFill(0xFF0000);
    square.graphics.drawRect(0, 0, 200, 200);
    c1.addChild(square);
    img2.mask=square;
    please help me how to get this,
    Actually i don't know how to write code for drawing shapes in
    flex.
    Thanks in advance
    Regards
    Avanthika

  • My book was rejected for containing images with embedded text. Does Apple not make exceptions for graphic novels, etc.?

    I created my first book with iBooks Author, and am trying to publish it as a paid book in the iBookstore. It is a book of writing and photography, and each page contains one or more photographs. Some of the photographs are of handwritten notebook pages, and these are an essential and expressive part of the book. The handwritten notes were written when taking the photographs, and the book is a thoughtful visual journal about walking and photography. Replacing the handwriting with typewritten text would not work at all.
    However, Apple rejected my book because "Embedding text in images creates issues that cause a large number of customer complaints."
    I understand the reasoning behind this requirement, and certainly it is appropriate for most books. But does Apple make exceptions for books that need to present text visually? I would call my book an "artist's book", but it could be thought of as a graphic novel. Surely there are other books besides mine that require text embedded in images.

    This sounds like something you have to take up with Apple directly rather than here in the user/user forums.  You might want to try the contacts listed at the bottom of the FAQ:
    http://www.apple.com/itunes/content-providers/book-faq.html
    It might be helpful to find some things in the store yourself that demonstrate such exceptions, so you can ask for equal treatment.

  • How to Save image in a text to my photos

    How do I save the photo in a text message to my iPad air photos?

    Tap the image in Message. (If you touch too long it brings up the: Copy; Other... menu instead)
    This blows the image up to full screen.
    Touch the image again to get menu options.
    In the top right corner, tap the box with the up arrow.  One choice is Save Image.  Touch it to save to your camera roll.
    In the top left corner, the three-line menu shows you all the photos in the message string, and some metadata like image size and camera title/image number.
    This is in IOS 7.1.1 on an iPad, and should work on iPhone and Touch also.

  • How to import images with path embedded in XML tag

    I have a website that has blogs with embedded images. I need to design an XML that can be imported in Indesign. I am able to import XML and lay it out in Indesign if I have only text. But I am not able to include or show the intermittent, embedded images in Indesign. Can this be done? -Thanks

    I can drag an image from, for example, the desktop, but if I delete that file on the desktop I won't be able to open that image in iPhoto, even if I've imported it
    That's an indication that you may have your library set up as a referenced library:
    Check the Advanced preferences in iPhoto to see if that checkbox is selected or not.  If it isn't checkec, check it and try importing agan. 
    To make sure all Photo Stream photos are automatically imported into your library set up iPhoto's PS preferences like this:
    You should read this User Tip by Terence Devlin which is the best treatise on how to access photos (for use outside of iPhoto):  How to Access Files in iPhoto
    OT

  • How to export images with transparent background in illustrator

    H i
    I am trying  to export a png, jpeg button design with curved designs. But the white background keeps appearing when exported.
    How do I remove the white background and just have the button image.
    Thank you.

    Tony404 wrote:
    I am trying  to export a png, jpeg button design with curved designs. But the white background keeps appearing when exported.
    Are you exporting as a PNG or exporting as a JPG?
    JPG doesn't support transparency so you'll have to export as a PNG and check the Transparency box.

  • Black Image with the Text Tool

    When I try to edit text or add text in Photoshop CC, I get a completly black immage. I have to click in the layers panel to get ther image back. I am on a new laptop and new CC install.

    Here is the info you requested:
    Adobe Photoshop Version: 14.0 (14.0 20130423.r.221 2013/04/23:23:00:00) x32
    Operating System: Windows 8 64-bit
    Version: 6.2
    System architecture: Intel CPU Family:6, Model:10, Stepping:7 with MMX, SSE Integer, SSE FP, SSE2, SSE3, SSE4.1, SSE4.2
    Physical processor count: 2
    Processor speed: 2195 MHz
    Built-in memory: 3909 MB
    Free memory: 1618 MB
    Memory available to Photoshop: 3255 MB
    Memory used by Photoshop: 60 %
    Image tile size: 128K
    Image cache levels: 4
    OpenGL Drawing: Enabled.
    OpenGL Drawing Mode: Normal
    OpenGL Allow Normal Mode: True.
    OpenGL Allow Advanced Mode: True.
    OpenGL Allow Old GPUs: Not Detected.
    OpenCL Unavailable
    OpenGL Version: 2.1
    Video Rect Texture Size: 8192
    OpenGL Memory: 1826 MB
    Video Card Vendor: Intel
    Video Card Renderer: Intel(R) HD Graphics
    Display: 1
    Display Bounds: top=0, left=0, bottom=768, right=1366
    Video Card Number: 1
    Video Card: Intel(R) HD Graphics
    Driver Version: 9.17.10.2867
    Driver Date: 20120926000000.000000-000
    Video Card Driver: igdumd64.dll,igd10umd64.dll,igd10umd64.dll,igdumd32,igd10umd32,igd10umd32
    Video Mode: 1366 x 768 x 4294967296 colors
    Video Card Caption: Intel(R) HD Graphics
    Video Card Memory: 1827 MB
    Serial number:
    Application folder: C:\Program Files (x86)\Adobe\Adobe Photoshop CC\
    Temporary file path: C:\Users\Mark\AppData\Local\Temp\
    Photoshop scratch has async I/O enabled
    Scratch volume(s):
      C:\, 449.2G, 371.8G free
    Required Plug-ins folder: C:\Program Files (x86)\Adobe\Adobe Photoshop CC\Required\
    Primary Plug-ins folder: C:\Program Files (x86)\Adobe\Adobe Photoshop CC\Plug-ins\

Maybe you are looking for