using jQuery

crisg0112

Hi,

First off, totally new to css and wondering if the experts here can point me to what I am doing wrong.

trying to get a listview on a mobile app using jquery

looking at this example:

http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_themes_a

I want my list to include that little-arrow and the data-autodivider but the <a href="#"> is being translated by aware as a normal hyperlink and not following the CSS???

I loaded the following into the Header section of my Custom Form
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>

on the body of my Custom form, I have the following
<div class="aw-data-item">
<div class="aw-custom-line">
<div data-role="main" class="ui-content">
<ul data-role="listview" data-autodividers="true">
<li><a href="#">{Visit_Date}</a></li>
</ul>
</div>

Rennur

I read in a forum post that the header & footer don't work in the mobile version.

Try putting the header code in startup.html or startupM.html (mobile version).

crisg0112

Hi Rennur,

Thanks for the reply.

Yes I did all that but somehow AwareIM is still not translating the jquery listview properly.

I don't know if its a bug or I am doing something wrong.

I can use my own custom css using the twitter bootstrap button.

Thanks will keep experimenting 🙂

Rennur

It might be hard to achieve in the mobile version without the use of header & footer.

bondicoffee

I am trying to implement Mobile Style Rendering in AwareIm using https://www.w3schools.com/jquerymobile/jquerymobile_form_select.asp

1) Added the below script on startup.html
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" />
<script src="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.js"></script>

2) In the form added the static html, which works as expected
<select name="day" id="day">
<option value="mon">Monday</option>
<option value="tue">Tuesday</option>
</select>

But the existing pull downs of awareim is not working, when I looked into the source code the the select list are rendered
as <ul><li> tag format.

If anyone has implemented, then please help me.

@[deleted] Can you please guide me how you implemented.

Thanks