Loading...

Search jQuery

Search

jQuery Forum

Screen name:
jacopd88

jacopd88's Profile

3 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

How to change Background image in a jQM site
[3Replies]
- 04-Jul-2012 10:17 AM
- Forum: jQuery Mobile
Hi!
I've almost done with my jQuery Mobile - built site (in Asp.NET MVC). Now I wanted to add a background image to it, but issues raised:
for the jQM layout I used this reference:
1. <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
Then, at the end of the head I added my new css style sheet with this simple code:
1. body {
      background: url(image/to/show.jpg);
      background-repeat:repeat-y;
      background-position:center center;
      background-attachment:scroll;
      background-size:100% 100%;
  }
  
  .ui-page {
      background: transparent;
  }
  
  .ui-content{
      background: transparent;
that I found somewhere in the web.
But it seems not to override the css stylesheet of the jQM css. I also tried to overwrite in other ways that css, i.e.
1. .ui-body-c {
  background-image: url(image/to/show.jpg) !important;
  }
or
<style>
body.ui-mobile-viewport,div.ui-mobile-viewport {
    background-color:   transparent;
    background-image:   none;
    }
</style>
but nothing worked.

So, how can I add a background image to the body of my jQM-styled site?

Hope for your help, thanks!

jQueryMobile-Timebox
[0Replies]
- 13-Jun-2012 08:23 AM
- Forum: jQuery Mobile
Hi, I'm trying to use jQM-DateBox with data-option timebox in Force Clock Mode, to have a 24h range of hours, as shown here:
jQM-DateBox TimeBox
I've simply copy pasted the code in my app
1. <label for="mydate">Time </label>
  <input name="mydate" id="mydate" type="date" data-role="datebox"
  data-options='{"mode": "timebox", "overrideTimeFormat": 24}'>
and it still keep showing me AM/PM mode.
Anyone else noticed this behaviour? Any idea how to resolve it?

Note that in the link above (same code!) everything seems to work properly, and I have no other problems with other jQM-DateBox Mode.

Thank you.

Integrating ASP.NET MVC and jQuery Mobile - DateBox
[1Reply]
- 12-Jun-2012 04:26 AM
- Forum: jQuery Mobile
Hi, I'm new to this forum.
I have an issue integrating my site written in Asp.Net MVC and the Calendar Box implemented with the jQueryMobile - DateBox.
This is the problem:

jQueryMobile - DateBox needs this to work properly:
1. <label for="mydate">Some Date</label>
  
  <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "flipbox"}'>
But in Asp.Net MVC Razor Engine I have this for the Editor Label & Field:
1. <div class="editor-label">
  @Html.LabelFor(model => model.ReleaseDate)
  </div>
2. <div class="editor-field">
  @Html.EditorFor(model => model.ReleaseDate)
  @Html.ValidationMessageFor(model => model.ReleaseDate)
  </div>
So, Is there a way to integrate the two things to have a jQueryMobile - DateBox in my Asp.Net MVC application?

«Prev
Next »