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>
Test
<IMG alt="" src="/sap/bc/contentserver/810?get&pVersion=0046&contRep=CRMFILESYSTEM&docId=535544E2AA367F60E10000000A3C2861&compId=manoj.jpg&accessMode=r&authId=CN%3DKCL&expiration=20140422112113&secKey=MIH3BgkqhkiG9w0BBwKggekwgeYCAQExCzAJBgUrDgMCGgUAMAsGCSqGSIb3DQEHATGBxjCBwwIBATAZMA4xDDAKBgNVBAMTA0tDTAIHIBMREyBRBTAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTQwNDIyMDkyMTEzWjAjBgkqhkiG9w0BCQQxFgQUt2vLLx6bbf5mUpbt09CcyczIugYwCQYHKoZIzjgEAwQuMCwCFE53hCWxhYgv0N2ky80blV7wcjRBAhQBWV41%2B1Gu9UpJmFWRqn68C2YB9w%3D%3D"></BODY></HTML>
However, when I look at my code the link gets created like this
lets add picture of Manoj. 
<IMG alt=file://C:\Users\pradeep\Desktop\test.jpg>
 
 
 </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/

Similar Messages

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>
Test
<IMG alt="" src="/sap/bc/contentserver/810?get&pVersion=0046&contRep=CRMFILESYSTEM&docId=535544E2AA367F60E10000000A3C2861&compId=manoj.jpg&accessMode=r&authId=CN%3DKCL&expiration=20140422112113&secKey=MIH3BgkqhkiG9w0BBwKggekwgeYCAQExCzAJBgUrDgMCGgUAMAsGCSqGSIb3DQEHATGBxjCBwwIBATAZMA4xDDAKBgNVBAMTA0tDTAIHIBMREyBRBTAJBgUrDgMCGgUAoF0wGAYJKoZIhvcNAQkDMQsGCSqGSIb3DQEHATAcBgkqhkiG9w0BCQUxDxcNMTQwNDIyMDkyMTEzWjAjBgkqhkiG9w0BCQQxFgQUt2vLLx6bbf5mUpbt09CcyczIugYwCQYHKoZIzjgEAwQuMCwCFE53hCWxhYgv0N2ky80blV7wcjRBAhQBWV41%2B1Gu9UpJmFWRqn68C2YB9w%3D%3D"></BODY></HTML>
However, when I look at my code the link gets created like this
lets add picture of Manoj. 
<IMG alt=file://C:\Users\pradeep\Desktop\test.jpg>
 
 
 </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

How to add an external editor in iPhoto

how to add an external editor in iphoto

In case you plan toi use Photoshop or Photoshop Elements as your external this may be of help to you. The commends can apply to other editors that create layered files and save them with an extension other than .jpg.
Using Photoshop or Photoshop Elements as Your Editor of Choice in iPhoto.
1 - select Photoshop or Photoshop Elememts as your editor of choice in iPhoto's General Preference Section's under the "Edit photo:" menu.
2 - double click on the thumbnail in iPhoto to open it in Photoshop. When you're finished editing click on the Save button. If you immediately get the JPEG Options window make your selection (Baseline standard seems to be the most compatible jpeg format) and click on the OK button. Your done.
3 - however, if you get the navigation window
that indicates that PS wants to save it as a PS formatted file. You'll need to either select JPEG from the menu and save (top image) or click on the desktop in the Navigation window (bottom image) and save it to the desktop for importing as a new photo.
This method will let iPhoto know that the photo has been editied and will update the thumbnail file to reflect the edit..
NOTE: With Photoshop Elements the Saving File preferences should be configured as shown:
I also suggest the Maximize PSD File Compatabilty be set to Always. In PSE’s General preference pane set the Color Picker to Apple as shown:
Note 1: screenshots are from PSE 10
Note: to switch between iPhoto and PS or PSE as the editor of choice Control (right)-click on the thumbnail and select either Edit in iPhoto or Edit in External Editor from the contextual menu. If you use iPhoto to edit more than PSE re-select iPhoto in the iPhoto General preference pane. Then iPhoto will be the default editor and you can use the contextual menu to select PSE for your editor when desired.
OT

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 [code] at the top of your block of code and the tag [/code] at the bottom, like so:
[code]
// your code block goes here.
[/code]or
{code}
// your code block goes here.
{code}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 X (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

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

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

How can I add image files to a executable jar file ?

Could you tell me how can I add image files to executable jar file ?
package structure:
../com/Main.class
../images/..

Please don't cross post, and read this
http://forum.java.sun.com/thread.jsp?forum=31&thread=271751
I've answered the question in the New To Java thread.

Add images in jar file

how to add images in jar file?

Check this article in ADF code corner:
http://www.oracle.com/technetwork/developer-tools/adf/learnmore/86-images-from-jar-427953.pdf
Thanks,
Navaneeth

How to add Image dynamically in Webdynpro ABAP

Hi Experts,
How to add Image dynamically in Webdynpro ABAP.
My requirement is i maintain all the images in a table.
image source has to pick the table URl dynamically and display.
is that possible in webdynpro?
and also please give the suggesion,
without using MIME objects is that anyway to get images?
Thanks in advance.
Regrads,
Jeyanthi

Hi,
are those icons wou want to display then. he following code will be useful.
data : lo_IMG type ref to CL_WD_IMAGE.
LO_IMG = cl_wd_IMAGE=>new_IMAGE( id = img_id SOURCE = 'ICON_BW_APD_TARGET' tooltip = sts_tltp ).
lo_cont->add_child( the_child = lo_img ).
here lo_cont is the container where you want to add the image dynamically and source is the attribiute through which you can change the ICON image. this thing you can getit from data base table and change accordingly.
Regards,
Anil kumar G

BTF : Add Image BTF editor in WebUI

Similar Messages

Maybe you are looking for