Place a image in webpart, after "add new"

Question

Hi guys,

Is there someone that could help me place a image , using css, below the "add new" row ?I couldn't find the properly class to work with.

I've attached an image as e.g  (i'm working with sp 2007).

Answer 1

Hi Susantt,

You can do it by SharePoint Designer 2007.

1. Open your list web part, then convert to XSLT data view
2. Then click then place where you want. Add a image button.
3. Save the page.

Thanks,

Jack

Answer 2

Hi Jack,

I appreciate your post, and in fact it works.

But I forgot to mention that my access is too limited and I cannot edit the pages using Sharepoint Designer :/ . I have to figure it out using CWEP, css and html.

Could you please help me ?

Many thanks in advance

Susantt

Answer 3

Hi Susantt,

you can add a CEWP(Content Editor Web part on your page. ), then refer to the following code. Open your page with IE8, press F12, then find some thing on my screenshot.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
  
       
$("#1 td[class='ms-vb']").append("</br><img  src='/_layouts/images/ACA16.GIF' />");
    });
 
</script>

because the screenshot is can't display, I will show you with then following code. you can find the code by press F12 on your IE 8 browse.

<table height="100%" id="1" onmouseover="OnItem(this)" cellSpacing="0" SUrl="" UIS="512" ………">

<tbody>

<tr>

<td width="100%" class="ms-vb">

<a onclick="GoToLink(this);return false;" onfocus="OnLink(this)" href="/personal/Test/Lists/Test1Calendar/DispForm.aspx?ID=1" target="_self">

<img alt="New" src="/_layouts/1033/images/new.gif" complete="complete"/>

Thanks,

Jack

Answer 4

Jack !!!!

You helped me a lot !!!! Thank you very much!

That's worked like a charm!

It's exactly what I was looking for, simple and quick.

Answer 5

Jack,

Just on more thing...

When I turn the border visible the image disapear... 

Do you know why it happen ? Or if there is a code to implement into it ???

$("#1 td[class='ms-vb']").append("</br><img  src='/_layouts/images/ACA16.GIF' />");
    });

:/

Answer 6

Hi Susantt,

Can you give me more description of your “border”, this border is the image?  Tell me how you do the border visible , because I’m confused from your description.

 

Thanks,

Jack