UI Formatting changes in server?

[chef 3810]

Hi guys!

 

Went to go load a plugin I have been working on and noticed that when I did there was some formatting changes in how the HTML was rendered.

 

Currently I have a unordered list of buttons which contain a "delete" button on the end of them.

 

Right now, the server is not drawing the main button in the list, only the text. However my delete button is being drawn properly.

 

Could someone give me some guidance please?

Edited March 9, 2016 by chef

[Luke 42077]

can you show a screenshot?

[chef 3810]

[Luke 42077]

what i would do is take a look at the dropbox plugin in the catalog, or google drive. they use a listview like you are. compare your markup to theirs.

[chef 3810]

Cool. Thanks.

[chef 3810]

I'm back...

 

There is definitely something wrong with my markup, butt wh is I just can't tell. It looks pretty much like the other plugins:

 

HTML:

 <div id="newClientList">
    <ul data-role='listview' data-inset='true' data-split-icon='delete' id='clientProfiles'>
    </ul>
 </div>

CODE:

 

My HTML writing function:

 function getClientHtml(device) {
                var html = "";
                html += '<li data-client-name="' + device.Name + '" data-client-id="' + device.Id + '" class="clientProfile">';
                html += '<a href="#" >';
                html += device.Name;
                html += '</a>';
                html += '<a href="#" data-icon="delete" class="btnDeleteProfile"></a>';
                html += '</li>';
                return html;
            }

It gets called like this:

 $('#clientProfiles', page).append(getClientHtml(c)).listview('refresh');

And yet none of the buttons get created properly.

[Luke 42077]

get rid of the .listview('refresh')