How to show list items in html page design?

Hi all,
I have a SharePoint list with column Title, Logo, Project Summary, Project Description and would like to show list items in html table design like:
How to achieve this? thanks in advance!

As per my understanding, You want to just redesign your list form. You can achieve the same using SPD2010 or you can use jQuery also if you don't have rights for SPD customization.
Create
a custom list form using SharePoint Designer
SharePoint
form: present fields side-by-side
Thanks.

Similar Messages

  • How-to show XML code into HTML page???

    I have not formatted String,
    String str = <target name=\"-post-compile\"><obfuscate><filesetdir=\"${build.classes.dir}\"/ > </obfuscate></target>;
    how I can show this String on Web page in the this format?
    <target name="-post-compile">
            <obfuscate>
                  <fileset dir="${build.classes.dir}"/>
            </obfuscate>
    </target>Thanks.

    You would need to escape all of the characters. ie < should become &lt; and > should be &gt etc etc; You would probably also have to put in the tabs/<br> tags in appropriate places.
    The JSTL c:out tag which automatically escapes characters for you, but how you want it laid out is completely up to you to program.

  • How to show all items in the reading list? I think this option has been removed in Safari Version 7.0.2

    How to show all items in the reading list? I think this option has been removed in Safari Version 7.0.2

    Thanks. That solved it. I had my doubts since I wasn't concerned about my lost bookmarks. I was concerned about the broken functionality. In any event, restoring from a backup solved both the functionality and the lost bookmarks. I appreciate the response!

  • How to  show additional items in the same window using stacked canvas

    How to show additional items in the same window using stacked canvas.
    My content canvas has 14 items, and I have to include more.
    I want to know how I can use a stacked canvas to show these additional items in the same window, so that I can scroll through horzontally , as if all the items are on one canvas.

    Well, I intially navigate into my content canvas. At this stage the stacked canvas is not visible, then how should I navigate to an item on the stacked canvas to make it visible?

  • Please tell me how to handle list item in this concern

    please tell me how to handle list item in this concern
    My problem is:
    i have a category table with column categoryname(varchar type)
    I want to display the records of categoryname in a drop down list (i.e., list item )
    So ..please tell me how to do it
    Thanks in advance..

    This code is just a sample from the Help documentation. It won't work until you modify it for your form.
    Why do you have "steps" in your code? You are suppose to do what the steps tell you. You don't place the steps in your code. The steps must be removed from your code.
    Step 1 code goes in a program unit, not in a trigger.
    Step 2 and 3 code usually goes in a trigger.
    You will have to replace the names of the items and record group with your own names as you have defined them in your form.
    step 1: create a procedure in your application
    procedure load_list(itm in VARCHAR2, rg in VARCHAR2) is
    group_id RecordGroup := Find_Group(rg);
    list_id Item := Find_Item(itm);
    Begin
    if Populate_Group(group_id)<>0 then
    Message('Unable to populate record group');
    Raise Form_Trigger_Failure;
    end if;
    Clear_List(list_id);
    Populate_list(list_id, group_id);
    end;
    step 2: create a record group named rg_cat and assign Record Group Query to something like "select categoryname from category"
    step 3: call this procedure as
    load_list('categoryname','rg_cat');

  • How to copy List item from one list to another using SPD workflow using HTTP call web service

    Hi,
    How to copy List item from one list to another using SPD workflow using HTTP call web service.
    Both the Lists are in different Web applications.
    Regards, Shreyas R S

    Hi Shreyas,
    From your post, it seems that you are using SharePoint 2013 workflow platform in SPD.
    If that is the case, we can use Call HTTP web service action to get the item data, but we cannot use Call HTTP web service to create a new item in the list in another web application with these data.
    As my test, we would get Unauthorized error when using Call HTTP web service action to create a new item in a list in another web application.
    So I recommend to achieve this goal programmatically.
    More references:
    https://msdn.microsoft.com/en-us/library/office/jj164022.aspx
    https://msdn.microsoft.com/en-us/library/office/dn292552.aspx?f=255&MSPPError=-2147217396
    Thanks,
    Victoria
    TechNet Community Support
    Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected]

  • How to show catalog items with Approval Status:Pending in a Content Search Webpart

    How to show catalog items with Approval Status:Pending in a Content Search Webpart using cross site publishing. Thanks in advance.

    I don't think you're going to be able to. Usually Approval Status is used in conjunction with Major/Minor versioning and while Approval Status is pending the item is usually a draft.
    As a result the search crawler should not be able to see the draft items as it would not have the necessary rights to do so. (Good practice ensures that the Search Crawler has only read access and is not an elevated account for this reason)
    Paul.
    Please ensure that you mark a question as Answered once you receive a satisfactory response. This helps people in future when searching and helps prevent the same questions being asked multiple times.

  • How to read the code of html page

    Hi,
    I want to know how to read the code of html page through Java? And if anyone know the link of full implementation of Page Rank Algorithm in Java.
    Please let me know. I have to do the project on that topic.
    Regard
    Vivek

    Vivek_NITT wrote:
    I want to know how to read the code of html page through Java? Get the input stream from an HttpUrlConnection. Read from it like from any other stream.
    And if anyone know the link of full implementation of Page Rank Algorithm in Java.Which one?

  • How to use application item in the page template

    How to use application item in the page template.
    Thanks,
    rajendra

    Hi,
    You can refer application item value in template like &MY_ITEM. (note period at end)
    http://docs.oracle.com/cd/E37097_01/doc/doc.42/e35125/concept_sub.htm
    Regards,
    Jari

  • How to get List Item attachments name without write any custom code or any database query?

    Hi,
    How to get List Items attachments name without write any custom code or any database query?

    You can get it from Rest,
    There are 2 options,
    1) create a 'Result Source' which has a search query for that List which has attachments 
     - Use rest query to get the 'Filename' , it will have the attachment file name 
    For example, if the result source id is : 73e6b573-abf8-4407-9e5f-8a85a4a95159 , then the query will be 
    http://[site URL]/_api/search/query?querytext='*'&selectproperties='Title,Path,FileExtension,SecondaryFileExtension,Filename'&sourceid='73e6b573-abf8-4407-9e5f-8a85a4a95159'&startrow=0&rowLimit=100
    You can refine the query, be giving proper 'querytext'
    2) Use the List rest api
    For example if your list guid is :38d524a1-e95c-439f-befd-9ede6ecd242e
    You can get he attachments for 1st item using this 
    http://[Site URL]/_api/lists(guid'38d524a1-e95c-439f-befd-9ede6ecd242e')/items(1)/AttachmentFiles
    get2pallav
    Please click "Propose As Answer" if this post solves your problem or "Vote As Helpful" if this post has been useful to you.

  • How to call java program by HTML page

    Hi guys,
    I'm new java programer and want to build an HTML page to access to ORACLE database on NT server by JDBC, Can anyone give me a sample?
    I already know how to access database by JDBC, but I don't know how to call java program by HTML page.
    If you have small sample,pls send to me. [email protected], thanks in advance
    Jian

    This code goes with the tutorial from this web page
    http://java.sun.com/docs/books/tutorial/jdbc/basics/applet.html
    good luck.
    * This is a demonstration JDBC applet.
    * It displays some simple standard output from the Coffee database.
    import java.applet.Applet;
    import java.awt.Graphics;
    import java.util.Vector;
    import java.sql.*;
    public class OutputApplet extends Applet implements Runnable {
    private Thread worker;
    private Vector queryResults;
    private String message = "Initializing";
    public synchronized void start() {
         // Every time "start" is called we create a worker thread to
         // re-evaluate the database query.
         if (worker == null) {     
         message = "Connecting to database";
    worker = new Thread(this);
         worker.start();
    * The "run" method is called from the worker thread. Notice that
    * because this method is doing potentially slow databases accesses
    * we avoid making it a synchronized method.
    public void run() {
         String url = "jdbc:mySubprotocol:myDataSource";
         String query = "select COF_NAME, PRICE from COFFEES";
         try {
         Class.forName("myDriver.ClassName");
         } catch(Exception ex) {
         setError("Can't find Database driver class: " + ex);
         return;
         try {
         Vector results = new Vector();
         Connection con = DriverManager.getConnection(url,
                                  "myLogin", "myPassword");
         Statement stmt = con.createStatement();
         ResultSet rs = stmt.executeQuery(query);
         while (rs.next()) {
              String s = rs.getString("COF_NAME");
              float f = rs.getFloat("PRICE");
              String text = s + " " + f;
              results.addElement(text);
         stmt.close();
         con.close();
         setResults(results);
         } catch(SQLException ex) {
         setError("SQLException: " + ex);
    * The "paint" method is called by AWT when it wants us to
    * display our current state on the screen.
    public synchronized void paint(Graphics g) {
         // If there are no results available, display the current message.
         if (queryResults == null) {
         g.drawString(message, 5, 50);
         return;
         // Display the results.
         g.drawString("Prices of coffee per pound: ", 5, 10);
         int y = 30;
         java.util.Enumeration enum = queryResults.elements();
         while (enum.hasMoreElements()) {
         String text = (String)enum.nextElement();
         g.drawString(text, 5, y);
         y = y + 15;
    * This private method is used to record an error message for
    * later display.
    private synchronized void setError(String mess) {
         queryResults = null;     
         message = mess;     
         worker = null;
         // And ask AWT to repaint this applet.
         repaint();
    * This private method is used to record the results of a query, for
    * later display.
    private synchronized void setResults(Vector results) {
         queryResults = results;
         worker = null;
         // And ask AWT to repaint this applet.
         repaint();

  • Inserting ordered/unordered list items breakes the document design

    Hi,
    I use JEditorPane to edit HTML document. When I insert ordered/unordered list items, it breakes the design of the document. For example, I have next peace of the document:
    <center>
    This text is centered.
    One more line...
    </center>
    after inserting list item between text lines, document looks like :
    <center>
    This text is centered.
    </center>
    <ol>
    <li>
    </li>
    </ol>
    <center>
    One more line...
    </center>
    Note, that center tag is closed before list item and opened after it.
    Is it possible that inserted list items will save the original design of text around ?
    Thanks.
    .Vlad.

    Change the Leading in the Character Pallet to a smaller number, and increase the Space After in the Paragraph Pallet.
    The space between lines in the same paragraph is the leading, the space between paragraphs is not leading, and trying to achieve it with the leading field always creates more problems than it solves.

  • How to show list view of pages?

    I want to show list of subsits on navigation. when clicking a subsite on navigation  to show corresponding pages in list view. on clicking a page in list view to open page. please share your view how it can be done. 

    Hi Magesh,
    According to your description, my understanding is that you want to show subsites on the navigation, and when the mouse hovers, the corresponding pages are shown in list view, click these pages, it will be opened. Is it right?
    To achieve it, you can use managed navigation. Go to Site Settings->Term store management, you can create a term set, create terms based on the names of the subistes, for each term, click Navigation, and under Navigation Node Type, select the URL of the
    subsite for “Simple Link or Header”. Then in each corresonding subsite term, create some sub-terms related to pages, and for each sub-term, click Navigation and under Navigation Node Type, select the URLs of the corresponding page for “Simple Link or Header”.
    After the above, go to Site Settings->Navigation, on the Global Navigation section, select “Managed Navagation:…”. On the Managed Navigation :Term Set section, select the term that you created.
    More information, please refer to the link:
    http://www.c-sharpcorner.com/UploadFile/anavijai/managed-metadata-navigation-in-sharepoint-2013/
    I hope this helps.
    Thanks,
    Wendy
    Wendy Li
    TechNet Community Support

  • How to make menu-item of current page appear in a different font color?

    Hi,
    My menu-bar works just fine. Hovering the links I get the text to take display the desired color. Now I want the menu-item of the selected page to show a third color.
    With live-code enabled in Dreamweaver CS6, I can see the following code being generated by the Dynamic menu:
    <script type="text/javascript" src="/CatalystScripts/Java_DynMenusSelectedCSS.js"></script><!-- Dynamic Menu Begin CSS Output --><div id="cat_549633_divs"><ul id="nav_549633"><li class="selected"><a href="/home.html">Home</a></li><li><a href="/leistungen.html">Leistungen</a></li><li><a href="/uhrenservice.html">Uhrenservice</a></li><li><a href="/versteigerungen.html">Versteigerungen</a></li><li><a href="/diamanten.html">Diamanten</a></li><li><a href="/ueber_uns.html">Über uns</a></li><li><a href="/kontakt.html">Kontakt</a></li></ul></div><script type="text/javascript">catSetSelectedCSSItem('nav_549633');</script><!-- Dynamic Menu End CSS Output -->
    The class .selected is being created in the first list-item (home) as this is the current page.
    And here is my CSS:
    #nav_549633 {
              float: right;
              list-style-type: none;
              padding-top: 5px;
    #nav_549633 li {
              float: left;
              text-align: left;
    #nav_549633 li a {
              color:white;
              text-decoration: none;
              margin: 0 27px 0 0;
              font-size: 13px;
              text-transform: uppercase;
    #nav_549633 li a:hover {
              color: yellow;
    .selected {
              color: green;
    The font color green does not appear. It is still white.
    In order to see if the class is "working" I tried some other attributes, that DO work!
    .selected {
      color: green;
      padding: 20px
      background-color: blue;
    In this case, the item appears as a blue box with 20px-padding, just as expected - but the font-color is still white.
    Can anyone help me?
    Regards,
    Herman

    Hi Mario,
    Here's the link to my site:
    http://grootaartseuronics.businesscatalyst.com/index.html
    I have found a solution myself for 2 of the 3 questions i had:
    I have deleted/changed this div: #nav_1371057 li li
    And created a few new ones:
    #nav_1371057 li li a, #nav_1371057 li li a:visited (To control the link en visited link colors in the sub-menu other than the root-menu)
    #nav_1371057 li li a:hover (to control the hover in the sub-menu other than the root-menu if nessesary)
    #nav_1371057 li li.selected a (to control the selected link and let the link change color or bolder like in my case)
    Here are the CSS styles I used:
    #nav_1371057 li li.selected a { /*Dit veranderd de dikte (bold) van de geselecteerde link in het submenu, dus de pagina waar je bent*/
    font-weight:bolder;
    #nav_1371057 li li a, #nav_1371057 li li a:visited{
    background:  #006;
    color:#ffffff;
    #nav_1371057 li li a:hover{
    background:  #999;
    color:#ffffff;
    Only thing i can't figure out is how I can change/control the color of the arrow which is black now. And i want to make it blue.
    Thanks,
    Frank

  • Display SharePoint:RichTextField value as is from list item into application page

    Hello,
    I would like to show value entered in Rich Text Field in list on one application page.
    I am displaying it like below as I would like to use the default functionality provided by SharePoint and this is an application page replacing the default page for list form.
    <SharePoint:RichTextField ID="RTTaskDescription" runat="server"  FieldName="Task Description" ControlMode="Display"/>
    But when it renders the output as below with DIV and STRONG as description word is bold in list item.
    <DIV>THis is task <STRONG>description</STRONG>.</DIV>
    Any way to handle this to show as it is in list item with proper HTML from server side?

    Hi,
    Did you try this
    http://social.technet.microsoft.com/Forums/sharepoint/en-US/2efb5464-e4d1-4a81-bb96-ebcde5aeffc8/want-to-remove-divdiv-tag-while-displaying-list-columntypemultiline-text?forum=sharepointdevelopmentlegacy

Maybe you are looking for

  • Error while starting Presentation services

    Hi, I tried adding the following tag in instanceconfig.xml file and restarted the Presentation services. <PivotView> <MaxCells> 4000000 </MaxCells> <MaxVisibleColumns> 5000 </MaxVisibleColumns> <MaxVisiblePages> 2500 </MaxVisiblePages> <MaxVisibleRow

  • Monitor Settings - Aspect Ratio

    I just bought one of your computer monitors from Best Buys in Mooresville, North Carolina [#1133] with a four year extended warrantee. I bought the Lenovo - L2262 unit with the 21.5 inch screen. Monitor LI P/N: 0A46982. I paid $174.43. Here's my prob

  • Problem in abap h.r

    i new in abap and with h.r. i have to accountant participant in some course. i have the yyquota from hrt 9120 and i have orgeh from pa0001 i think that i can do it with read table with key but im not  succeed  . i have yyobjid sobid in internal table

  • The bottom part of my screen is dead.  what do i do?

    anytime i navigate to the far left screen to search for something, the phone wont allow me to tap search or space ect. on the bottom part of the screen.  ive tried texting with the phone upright and again, the bottom row of the screen is dead.  ive h

  • Redesigning a website with bad code, wont render correctly.

    Recently took control of the design of a website that was written by a designer who did not know what he was doing (using font tags and css in the same page?) the website will not render in the design view and I've gone through the code and tried to