BTF : Add Image in BTF editor in WebUI

Hello Everyone,
I have added a view as a assignment block in standard component, everything is working fine, the text gets added to the BTF editor, however, When i insert the image, it shows up as a empty box with nothing inside it.
Although this is working in the standard mail component, i have noticed that the link which gets created when clicking on HTML code, when an image is added as
<HTML><HEAD>
<META content="text/html; charset=utf-8" http-equiv=content-type></HEAD>
<BODY>
<P>Test</P>
<P><IMG alt="" src="/sap/bc/contentserver/810?get&amp;pVersion=0046&amp;contRep=CRMFILESYSTEM&amp;docId=535544E2AA367F60E10000000A3C2861&amp;compId=manoj.jpg&amp;accessMode=r&amp;authId=CN%3DKCL&amp;expiration=20140422112113&amp;secKey=MIH3BgkqhkiG9w0BBwKggekwgeYCAQExCzAJBgUrDgMCGgUAMAsGCSqGSIb3DQEHATGBxjCBwwIBATAZMA4xDDAKBgNVBAMTA0tDTAIHIBMREyBRBTAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTQwNDIyMDkyMTEzWjAjBgkqhkiG9w0BCQQxFgQUt2vLLx6bbf5mUpbt09CcyczIugYwCQYHKoZIzjgEAwQuMCwCFE53hCWxhYgv0N2ky80blV7wcjRBAhQBWV41%2B1Gu9UpJmFWRqn68C2YB9w%3D%3D"></P></BODY></HTML>
However, when I look at my code the link gets created like this
<P>lets add<STRONG> picture of <FONT color=#009900>Manoj. </FONT></STRONG></P>
<P><IMG alt=file://C:\Users\pradeep\Desktop\test.jpg></P>
<P> </P>
<P> </P>
<P> </P></BODY></HTML>
It seems like I am not able to add the image in the content server and fetch it again to display it in my view.
here is my HTML code in the view
<%@page language="ABAP" %>
<%@extension name="btf" prefix="btf" %>
<%@extension name="thtmlb" prefix="thtmlb" %>
<%@extension name="thtmlbx" prefix="thtmlbx" %>
         <thtmlbx:btf id                 = "BTFEditor"
                     document            = "<%= s_documentdata-btf_doc %>"
                     height              = "400"
                     width               = "95%"
                     onClientInsertImage = "InsertImage_BTFEditor(id);"
                     onClientInsertLink  = "InsertLink_BTFEditor(id);"
                     sourceView          = "<%= sourceview %>"
                     secureInsertImage   = "X"
                     />
So my question is, do we have to write separate code to add image, as i am set and getting the text successfully from the content server.
Could someone please throw a light on this and help with some code logic.
Regards,
Pradeep

Hi Hammad,
You can do this by adding a text box to your landing page, right clicking it, and selecting "Edit Source". In the source code, you can specify the link of your image, like this:
<img src="http://imageurlgoeshere.jpg">
You'll need to make sure the dimensions of the text box are as big as or bigger than the dimensions of your image so the image doesn't get cut off.
Hope this helps!
Ida

Similar Messages

  • BTF : Add Image BTF editor in WebUI

    Hello Everyone,
    I have added a view as a assignment block in standard component, everything is working fine, the text gets added to the BTF editor, however, When i insert the image, it shows up as a empty box with nothing inside it.
    Although this is working in the standard mail component, i have noticed that the link which gets created when clicking on HTML code, when an image is added as
    <HTML><HEAD>
    <META content="text/html; charset=utf-8" http-equiv=content-type></HEAD>
    <BODY>
    <P>Test</P>
    <P><IMG alt="" src="/sap/bc/contentserver/810?get&amp;pVersion=0046&amp;contRep=CRMFILESYSTEM&amp;docId=535544E2AA367F60E10000000A3C2861&amp;compId=manoj.jpg&amp;accessMode=r&amp;authId=CN%3DKCL&amp;expiration=20140422112113&amp;secKey=MIH3BgkqhkiG9w0BBwKggekwgeYCAQExCzAJBgUrDgMCGgUAMAsGCSqGSIb3DQEHATGBxjCBwwIBATAZMA4xDDAKBgNVBAMTA0tDTAIHIBMREyBRBTAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTQwNDIyMDkyMTEzWjAjBgkqhkiG9w0BCQQxFgQUt2vLLx6bbf5mUpbt09CcyczIugYwCQYHKoZIzjgEAwQuMCwCFE53hCWxhYgv0N2ky80blV7wcjRBAhQBWV41%2B1Gu9UpJmFWRqn68C2YB9w%3D%3D"></P></BODY></HTML>
    However, when I look at my code the link gets created like this
    <P>lets add<STRONG> picture of <FONT color=#009900>Manoj. </FONT></STRONG></P>
    <P><IMG alt=file://C:\Users\pradeep\Desktop\test.jpg></P>
    <P> </P>
    <P> </P>
    <P> </P></BODY></HTML>
    It seems like I am not able to add the image in the content server and fetch it again to display it in my view.
    here is my HTML code in the view
    <%@page language="ABAP" %>
    <%@extension name="btf" prefix="btf" %>
    <%@extension name="thtmlb" prefix="thtmlb" %>
    <%@extension name="thtmlbx" prefix="thtmlbx" %>
             <thtmlbx:btf id                 = "BTFEditor"
                         document            = "<%= s_documentdata-btf_doc %>"
                         height              = "400"
                         width               = "95%"
                         onClientInsertImage = "InsertImage_BTFEditor(id);"
                         onClientInsertLink  = "InsertLink_BTFEditor(id);"
                         sourceView          = "<%= sourceview %>"
                         secureInsertImage   = "X"
                         />
    So my question is, do we have to write separate code to add image, as i am set and getting the text successfully from the content server.
    Could someone please throw a light on this and help with some code logic.
    Regards,
    Pradeep

    Sunenny,
    Yes, it would take something like that. Another option, although not any easier really, it to use the latest CKEditor.
    Regards,
    Dan
    Blog: http://DanielMcGhan.us/
    Work: http://SkillBuilders.com/

  • Add image/object in HTML Editor Standard item (apex 3.2)

    Hi,
    I'm using the HTML editor standard item from Apex3.2.
    I want the possibility to add an image/object in the editor, but I don't see that option on the HTML editor standard item.
    How do I activate this option? Can someone help me out please?
    I've found something on:
    http://www.inside-oracle-apex.com/enable-add-picture-for-html-editor/#high_1
    Is this the only & easiest solution?
    Thanks,
    Sunenny
    Edited by: Sunenny on Feb 2, 2010 4:32 AM
    Edited by: Sunenny on Feb 2, 2010 4:33 AM

    Sunenny,
    Yes, it would take something like that. Another option, although not any easier really, it to use the latest CKEditor.
    Regards,
    Dan
    Blog: http://DanielMcGhan.us/
    Work: http://SkillBuilders.com/

  • Can we place a link of an image in Eloqua editor?

    I want my managers to add the images on landing page that are not store in Eloqua. Is there any way we can place the link of the image in Eloqua editor?

    Hi Hammad,
    You can do this by adding a text box to your landing page, right clicking it, and selecting "Edit Source". In the source code, you can specify the link of your image, like this:
    <img src="http://imageurlgoeshere.jpg">
    You'll need to make sure the dimensions of the text box are as big as or bigger than the dimensions of your image so the image doesn't get cut off.
    Hope this helps!
    Ida

  • Add image to SharePoint Survey for multiple questions??

    Hi,
    How can i show a particular picture for group of questions in sharepoint 2010 survey? From following link i was able to add image for one question. so what i need to do if i want to add more questions with the same image?
    http://robdevereaux.wordpress.com/2013/08/09/how-to-add-pictures-to-a-survey/
    Thanks

    If you want to add images to multiple questions using the code at that link do something like:
    elements[e].innerHTML = elements[e].innerHTML
    .replace('CAR_IMAGE','<img src="/PATHTO/IMAGE/CAR.jpg"></img>')
    .replace('BOAT_IMAGE','<img src="/PATHTO/IMAGE/BOAT.jpg"></img>')
    .replace('PLANE_IMAGE','<img src="/PATHTO/IMAGE/PLANE.jpg"></img>');
    Also, if you would like to add a picture, text or formatting to every survey page in a survey with page breaks you will typically need to edit both the NewForm.aspx and EditForm.aspx pages using SharePoint Designer or by adding a Content Editor Web
    Part to both pages.
    Here's some of the other things like this I have done with surveys:
    http://techtrainingnotes.blogspot.com/2013/02/add-content-editor-web-part-cewp-to.html
    http://techtrainingnotes.blogspot.com/2010/07/sharepoint-add-instructions-and-color.html
    (and there's a chapter on surveys in my customization book.)
    Mike Smith TechTrainingNotes.blogspot.com
    Books:
    SharePoint 2007 2010 Customization for the Site Owner,
    SharePoint 2010 Security for the Site Owner

  • Add Image in the navigation bar of Help page

    Hi,
    I wanted to add image next to to the Search in the Help page navigation bar as in snapshot below:
    I wanted to add an image i.e the the logo next to above button in navigation bar. I tried adding , howevr could only add as Header, not right in the navigation pane. Correct me if I m wrong, the navigation control can be configured while generation web output. I coudnt find any other option to do this.
    Please let me your inputs on this.
    Thanks,
    Pallavi

    Hi all
    Sorry Colum, I think you are wrong. That looks exactly like a WebHelp Search dialog.
    Pallavi, I am thinking the answer for you may be a simple one. Use the WebHelp skin editor. There you should see an option to choose the image used for the Go button.
    I'm not exactly sure what version you are using. But I'll insert a screen capture of RoboHelp 7 below.
    My thought here is that you could create an image that includes your company logo along with the Go button. Then use that image for the Go button. Sure, both the company logo as well as the Go button would be clickable, but it should do the job, no?
    Cheers... Rick
    Helpful and Handy Links
    RoboHelp Wish Form/Bug Reporting Form
    Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
    Adobe Certified RoboHelp HTML Training
    SorcerStone Blog
    RoboHelp eBooks

  • How do i add Images  on Applets

    I am find it difficult to add images to an Applet i am designing, can someone pls help me out here? cos i am gettin frustrated. Thanks

    Folks here would be better able to help you if you make it easier for them to do so. I recommend that you give a lot more detail on your problem, what you've tried, and your compilable code.
    Also, when posting your code, please use code tags so that your code will retain its formatting and be readable. To do this, either use the "code" button at the top of the forum Message editor or place the tag &#91;code] at the top of your block of code and the tag &#91;/code] at the bottom, like so:
    &#91;code]
      // your code block goes here.
    &#91;/code]or
    {&#99;ode}
      // your code block goes here.
    {&#99;ode}good luck

  • How do I add image upload to web app edit template?

    How do I add image upload to web app edit template. When creating fields I am selecting image from the field type. But the only way to upload and image is when I create the web app item within the admin. The option to upload an image is not available when the user submit web form opens.
    Wont send any of these questions through this email anymore but really needed assistance.
    Thanks,
    Gordon

    On the Details tab of the Web App setup, under Web App Item Options; have you ticked "Allow File Upload" and specified a Default Upload Folder?

  • How to add Images and PDFs in MDM iView

    Hello!
    We use SAP Portal as interfase to access SAP MDM repository tables.We use MDM Record Set and MDM Item Detail iViews to display and operate with main table content.
    There is a field in the qualified table, which is the lookup to the Images table. And the other field is the lookup to the PDFs table. Both fields are qualifiers.
    In the main table there is a field, which is the lookup to the qualified table. When we try to add values to this field using Item Detail iView, we get a window, where we can fill all values of the qualified table, except Image field and PDF field - they are disabled. So, can we add Images and PDFs to the table using Item Datail iView? Or what is the other way to add them?
    Thanks,
    Vika
    Message was edited by:
            Viktoria Demina

    Ooohh... you mean, like the one mentioned in http://indesignsecrets.com/adding-zoom-and-print-to-indesign-swf-files.php?
    But they want to get paid for their hard work, the bastards!

  • How do i add images in the header and footer to a PDF using iText

    Hi ,
    I want to add images to the header and footer of every page while i am genrating a pdf i have created a separate class called EndPage which i am instanceiating its default constructor in another class 's button action method.
    The above code genrates a PDF for me however it genrates a file with file size zero bytes and does not open it following is my sample code
    //**********Any Help would be appreciated
    Thank You
    public class My_Class
    public String pdf_action()
    EndPage ep=new EndPage();
    return null;
    }//My_class Ends
    class EndPage extends PdfPageEventHelper
    * Demonstrates the use of PageEvents.
    * @param args no arguments needed
    public EndPage()
    try {
    com.lowagie.text.Document document = new Document(PageSize.A4, 50, 50, 70, 70);
    PdfWriter writer = PdfWriter.getInstance(document, new FileOutputStream("D://proposals/endpage.pdf"));
    writer.setPageEvent(new EndPage());
    document.open();
    String text = "Lots of text. ";
    for (int k = 0; k < 10; ++k)
    text += text;
    document.add(new Paragraph(text));
    document.close();
    catch (Exception de) {
    de.printStackTrace();
    public void onEndPage(PdfWriter writer, Document document) {
    try {
    Rectangle page = document.getPageSize();
    PdfPTable head = new PdfPTable(3);
    for (int k = 1; k <= 6; ++k)
    head.addCell("head " + k);
    head.setTotalWidth(page.width() - document.leftMargin() - document.rightMargin());
    head.writeSelectedRows(0, -1, document.leftMargin(), page.height() - document.topMargin() + head.getTotalHeight(),
    writer.getDirectContent());
    PdfPTable foot = new PdfPTable(3);
    for (int k = 1; k <= 6; ++k)
    foot.addCell("foot " + k);
    foot.setTotalWidth(page.width() - document.leftMargin() - document.rightMargin());
    foot.writeSelectedRows(0, -1, document.leftMargin(), document.bottomMargin(),
    writer.getDirectContent());
    catch (Exception e) {
    throw new ExceptionConverter(e);
    }

    Hi,
    Thanks for the quick response.
    The problem is that when I keep the logo as a watermark, the pdf is not adjusting itself to include the logo as header.
    But if I add a header text via Tools -> Headers and Footers, the pdf is adjusting itself so that the header text is at the beginning , not overlapping with the contents of pdf.
    But while using logo as watermark, some times overlapping of the pdf contents and logo is happening.
    Is there any way to add a logo in the Header and Footer via the option in Tools -> Headers and Footers
    Thanks,
    Vidhya

  • Add Image to a Conformation Dialog box button

    Hi All,
          Ho to add Image to a Conformation Dialog box button?????
    2. How to put <b>X</b> (to cancel) at right upper corner of dialog box.
    null

    Hi ,
    It would not be possible to add images in it. Use dialog boxes instead.
    Create a view ... add an image UI element ..use imgSource as ~sapicons/image name or paste the image in src/mimes/components/ur comp name and give that for source.
    You can create linktoaction.. and on its image property add an image for X and put that in one corner of the dialog box. and execute cancel action. when its clicked..
    Regards
    Bharathwaj

  • How to add log messages in the sever/webui objects?

    Hi,
    I am new to the OA Framework.
    Can any one share any information in how to add log messages in the sever/webui objects?
    What are the beans I need to use to show in the diagnostic page?
    Can I get sample code for this log staments?
    Thanks in advance,
    Padma

    Hello. This forum is for reporting problems with the published Oracle documentation. You have a better change of getting a reply if you post your question on the Database - General forum.
    Regards,
    Diana

  • Add Image in ABAP Report

    Hi All,
    I want add image in ABAP Report.
    Please let me know how it can be done?
    Regards,
    Jagdish More

    Hi Jagdish,
    to upload the image follow these steps.
    1. Upload image in web repository.
    Go to Transaction SMW0 to upload the image in SAP web Repository. elect second radiobutton u201DBinary data for WebRFC applicationsu201D and click on find.
    2.     Click on Execute.
    3.     Click on Create and give the obj.name and description and click on import.
    once the image gets uploaded.in your program do the following
    1.     Create a Screen.Go to Layout and create Custom Control.I have named it as u2018CONTAINERu2019.
    2.     Declare container(Custom Control name),picture(child of Container) and url in Top of the program.
    data container type ref to cl_gui_custom_container.
    data picture type ref to cl_gui_picture.
    data url(256).
    3.     Now create the object Container and Picture.
    create object container
           exporting container_name = 'CONTAINER'.//name of the custom control
        create object picture
           exporting  parent = container
           exceptions error = 1.
    4.     Now we have to load the picture from the database which we have uploaded. For this we need to declare the following:-
      data query_table like w3query occurs 1 with header line.
      data html_table like w3html occurs 1.
      data return_code like  w3param-ret_code.
      data content_type like  w3param-cont_type.
      data content_length like  w3param-cont_len.
      data pic_data like w3mime occurs 0.
      data pic_size type i.
    5.     Refresh the Query table and give the name of Query table as u2018_OBJECT_ID_u2019 and value as the name of logo/Image which u have uploaded.Append the value in the Query Table.
      refresh query_table.
      query_table-name = '_OBJECT_ID'.
      query_table-value = 'ZLOGO.GIF'."name of logo
      append query_table.
    6.     Now call the function WWW_GET_MIME_OBJECT to get the logo/image which u have uploaded and call the function DP_CREATE_URL to create the url where the image is present.
    call function 'WWW_GET_MIME_OBJECT'
        tables
          query_string        = query_table
          html                = html_table
          mime                = pic_data
        changing
          return_code         = return_code
          content_type        = content_type
          content_length      = content_length
        exceptions
          object_not_found    = 1
          parameter_not_found = 2
          others              = 3.
      if sy-subrc = 0.
        pic_size = content_length.
      endif.
      call function 'DP_CREATE_URL'
        exporting
          type     = 'image'
          subtype  = cndp_sap_tab_unknown
          size     = pic_size
          lifetime = cndp_lifetime_transaction
        tables
          data     = pic_data
        changing
          url      = url
        exceptions
          others   = 1.
    7.     Finally we have to upload the image from the URL, this can be done by calling the method: picture->load_picture_from_url
    call method picture->load_picture_from_url
    exporting
    url = url.
    Now Save,Activate and Execute the Program , Image/Logo got successfully uploaded.
    I have already done this program and uploaded the image...
    this will surely help you
    Thanks and regards,
    Tanmaya

  • Can't open image in external editor, can't export images

    Greetings helpful Aperture experts,
    I've just finished transferring aperture from one computer to a replacement unit. Except for being slow on my previous g5, it worked flawlessly at every level. However, now that I've xferred, I can't open Aperture images with an external editor, nor can I export the images to my desktop. Any help along these lines will be gigantically appreciated.
    gaylon

    Thanks, ok, here is the info step by step:
    When I try to pick any raw image, I am not able to export from Aperture. When I go into the finder and select "show master" then I am able to export from aperture. However, it seems that I am not able to export an image full size. I selected export image to full size jpg to my desktop. Nothing happens except that the window that indicates the image is exporting is open and it says estimated time less than a minute. Yet, there is nothing happening. Additionally, before I transferred Aperture over to my new g5, I could right click an image and had the option to open an image with external editor. Now, no such menu item is apparent. An update, the menu box that lets me know that my image is exporting is still open but there has been no progress. It will just sit there forever, or until I force Aperture to quit. Here's another strange goings on: One of my folders of raw images appear to be pixelated and of very poor quality, even when viewing the masters. The images have already been published by the client in their annual report, so I know that what I am seeing on the screen is not reality. Should I just uninstall Aperture and reinstall? Also, what will this do to the thousands of images in my libraries? Thanks so much for your input and help. In no way am I an expert, but I've been successfully using Aperture since it came out. That was on my G5 dual processor mac with pre intel configuration. Now, these strange things are happening with my new replacement G5 with the Intel processors. Thanks again.
    gaylon wampler

  • Cannot add image/photo in Pages

    When I tap on the button to add a photo, my list of libraries comes up.
    When I try to drag a photo over to my Pages document, nothing happens. How exactly do you add images to a Pages document?
    Thanks,
    Aaron Kulbe

    I have the exact same problem. With both Pages and Numbers for iPad.
    I have a topic of my own but haven't had any responses yet. I've tried reinstalling both apps but it didn't work.
    http://discussions.apple.com/thread.jspa?threadID=2636052&tstart=0
    Does anyone have a solution yet?
    Bas
    Message was edited by: BasWind

Maybe you are looking for

  • How to retrieve a page item value in another page?

    Hi, how to retrieve a page item value in another page? say P55_COURSES_TO_EVALUATE is my page item name and it is a select list.Based on the value selected,in the next page i shd show details related to the selected value and for this i need P55_COUR

  • Error while doing as02

    Hi All, I have created new Asset class and transported all settings to quality. When the end user is doing as02 they are getting the below error... Customizing inconsistency - missing/incorr entry in table T093B Customizing inconsistency - missing/in

  • Creating a Press Kit in Illustrator

    I'm brand new to using Illustrator (but not to Adobe products), I was wondering if anybody knew of any tutorials, etc to make a press kit.  Most online where about creating fonts, etc. Thank you for the help. I greatly appreciate it.

  • Palm 700wx

    My 700wx connects to internet when sitting on table with screen off any suggestions???? Post relates to: Treo 700wx (Telus Mobility)

  • A button in a region position

    "a button in a region position" - hello, is it possible to place this kind of button among region items? in Button Position options i couldn't find possition i need.. thx, mariam