Home/ Questions/Q 4235280
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T02:28:35+00:00

In my application, I use list to display the items. I have a web

  • 0

In my application, I use list to display the items. I have a web service result and i bind with list and adding image in to that list. so I used class as ui-li-icon but it comes with overlaps the value. see the image enter image description here

  listItem.innerHTML = "<img class='ui-li-icon' alt='No Image' src='"+ 
g_listOfBusinessDetails[i].imageURL +"'/><a href='#' 
data-role='button' data-theme ='e' id='" + i + "' rel='external' data-inline='true'>" +
 "<h3>"+ g_listOfBusinessDetails[i].name +"</h3>"+ "</a>";
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    add style with margin-left to the text , style=’margin-left:some pix or em value according to your image size’

    change your code little bit like this

    listItem.innerHTML = "<img src=" + g_listOfBusinessDetails[i].imageURL  + " class='ui-li-icon'></img><a href='#' data-role='button' id='" + i + "' data-theme ='c' rel='external' data-inline='true' style='margin-left:2em'  >" + g_listOfBusinessDetails[i].name + " </a><br><a href='#' data-role='button' id='' name='" + i + "' data-icon = arrow-r></a>";

    Thanks.

    • 0