List header is not aligned in HWC app

[midhun_vp]

Hi,

I developed a HWC application with header in the list.

But the header is not aligned in the Ipad .

I given a total length of 100 for the fields in the list.

The attachment contains the screen shot.

Any solutions?

Thanks

Midhun VP

[david_brandow · Accepted solution]

Assuming you are using the built-in, designer-generated listview, that sounds like a bug. I'm afraid you'll have to register an issue with development for us to resolve.  What version are you using?  You could always overwrite the listview content generation, but that's decidedly non-trivial.

[midhun_vp · Accepted solution]

David,

As you said I am using the built-in, designer-generated listview. I am using the SUP version 2.1.3.

Please give a solution to overwrite list.

Thanks,

Midhun.V.P

[david_brandow · Accepted solution]

You can overwrite how a screen gets displayed either by adding a UIUpdateHandler or by overriding customBeforeNavigateForward and returning true for that screen.

In either case, you would generate the appropriate output string

    (e.g.

         var listviewText = '<div><ul data-role="listview" data-theme=\"c\">';

         var valuesIdx;

         for (valuesIdx = 0; valuesIdx < numValues; valuesIdx++) {

             var currValue = values[valuesIdx];

             listviewText += '<li role="option\" id="' + valuesIdx + '\"><a id="' + currValue.getKey() + '" class="listviewLines ui-link-inherit">';

             listviewText += '<h2>' + currValue.getData("MyMBO_attributeName_attribKey").getValue() + '</h2>;

             listviewText += '</a></li>';

         }

         listviewText += '</ul></div>';

    )

and then use that text to create the listview control, making sure to remove/hide the old one, too.