Skip to content

Listview: Updates the Upgrade Guide #122

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 1 commit into from
Closed

Listview: Updates the Upgrade Guide #122

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 0 additions & 9 deletions pages/upgrade-guide/1.4.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -612,7 +612,6 @@ New enhanced markup:
([ed89730](http://github.com/jquery/jquery-mobile/commit/ed89730f42ad83cad7e8006a1ecd33ef64738192), [#6321](http://github.com/jquery/jquery-mobile/issues/6321), [0479daa](http://github.com/jquery/jquery-mobile/commit/0479daa0e3d358153a455d5448d395e67d9a1472)) The auto-detection of images in list items has been deprecated to improve performance and small 16x16 images on the left (`ui-li-icon`) has been deprecated as feature.

* When you use a thumbnail: Add class `ui-li-has-thumb` to the list item. Note: The framework no longer adds class `ui-li-thumb` to the `img` element.
* When you want to use a smaller image: Do the same as described for thumbnails above and override the default width and height in your custom CSS.
* When you want an element other than `img` (eg. a font icon) to be styled as thumbnail: Add class `ui-li-has-thumb` to the list item and class `ui-li-thumb` to the element.

Old:
Expand All @@ -622,10 +621,6 @@ Old:
<img src="thumb.png">
List item with thumb on the left
</li>
<li>
<img src="smallimg.png" class="ui-li-icon">
List item with small image on the left
</li>
<li>
<div class="ui-li-thumb"></div>
List item with a div sized and positioned as thumb on the left
Expand All @@ -639,10 +634,6 @@ New:
<img src="thumb.png">
List item with thumb on the left
</li>
<li class="ui-li-has-thumb">
<img src="smallimg.png" style="max-width:16px; max-height:16px;">
List item with small image on the left
</li>
<li class="ui-li-has-thumb">
<div class="ui-li-thumb"></div>
List item with a div sized and positioned as thumb on the left
Expand Down