IAd Producer and iBooks widget help

Hello!
I'm trying to use iAd Producer to create a drawing widget for an iBooks project. So far, I've been able to customize the standard drawing object and it works flawlessly on the iAd Producer Preview and in Safari, but not on the iOS Simulator nor the iPad.
In the widget, there are 2 brush sizes available (small and large) and I'm trying to give visual feedback to the user, letting them know which one they selected. Initially I started with buttons but that didn't work because buttons don't have a style for on/off to let the user know that that button is selected.
I switched to radio buttons, which works great on the preview but not the actual device. Here's the code I'm using:
HTML:
<label class="brushFrame">
<input id="smallBrush" class="brush" type="radio" name="brush" value="small"><img src="assets/brush.png" />
</label>
<label class="brushFrame">
<input id="largeBrush" class="brush" type="radio" name="brush" value="large"><img src="assets/brush.png" />
</label>
CSS:
label.brushFrame > input.brush {
  display:none;
label.brushFrame > input.brush + img {
  cursor: pointer;
  width: 50%;
  height: auto;
  position: relative;
  z-index: 1;
  transition: all 0.1s ease-in-out;
label.brushFrame > input.brush:checked + img {
  opacity: 0.75 !important;
  z-index: 10 !important;
Basically, the brush should become transparent when the user selects it and because it's a radio button, it will stay transparent until the user selects the other brush. The iOS Simulator and iPad are able to render all the CSS correctly, except for when the radio button is ":checked". Background: This is my first widget and I'm very comfortable with CSS but not JavaScript.
How can I make this work?

Many thanks for your reply patixa. Apologies for my incorrect typing of IDs, in my iAd code they do match.
I have managed to resolve the problem as follows:
All of my iAd content was originally on the Background layer. Placing the content on Page1 has resolved the problem.
I'm not certain as to why the project worked in iAd producer preview/Safari/Widget preview but not in iBooks but no matter, switching to Page 1 solves it completely.
I notice from a few of the problems people have posted that they have a similar situation and wonder if this might be something that would help them. I've not posted replies but wonder if someone more experienced might offer a view.
Many thanks again to patixa, your kindness is greatly appreciated.

Similar Messages

  • IAd producer and html5 canvas

    I am familiar with producing iAds using JavaScript but have hit upon a problem when using the HTML place holder from the 'Dynamic Content' section.
    I have set up the htmlView.html file with the following code:
    <div><canvas width="1000" height="600" id="mywizzycanvas"></canvas>
    <script>
    var can = document.getElementById('mycanvas');
    var ctx = can.getContext('2d');
    </script>
    </div>
    and have then used sliders to draw to the canvas.
    The iAd works perfectly when previewed in iAd Producer, it works perfectly when previewed in Safari, but when exported to the .wdgt format and placed in an iBook the sliders cease to work. I have tried exporting the iBook but still nothing. I would be very grateful for any help or assistance with this.

    Many thanks for your reply patixa. Apologies for my incorrect typing of IDs, in my iAd code they do match.
    I have managed to resolve the problem as follows:
    All of my iAd content was originally on the Background layer. Placing the content on Page1 has resolved the problem.
    I'm not certain as to why the project worked in iAd producer preview/Safari/Widget preview but not in iBooks but no matter, switching to Page 1 solves it completely.
    I notice from a few of the problems people have posted that they have a similar situation and wonder if this might be something that would help them. I've not posted replies but wonder if someone more experienced might offer a view.
    Many thanks again to patixa, your kindness is greatly appreciated.

  • Creating a youtube widget in iAd Producer for Ibooks Author

    Hello,
    I am trying to create a widget in iAd Producer to add to my iBooks Author template featuring a youtube video.
    I am able to create and save the widget but when I place it into iBooks Author template I get a large gray box with a small black box in the center (the video). 
    Is there a way to correct this? 
    How can I eliminate the outer frame? 
    Any other suggestions on adding a youtube video to iBooks Author?
    Thank you.

    See my answer in:
    https://discussions.apple.com/message/24985089

  • I bought an iPad air and requested the guy at the apple store to transfer all my data from the old iPad to the new one. But when I got home there was nothing even in my photos and iBooks please help

    I bought an IPad Air a week ago and asked the guy at the apple store to have all my information and documents transferred from the old iPad to the Air. However my iBooks and photos are empty. Please help. Is there something I can do or I just have to go back to the store?

    Using the same Apple id and Password you should be able to download purchased apps without being charged again.
    I download to an iPad/iPad2/iPhone3 & iPhone4 with no problem.

  • Making variables global i iAd Producer

    sorry if this is a really simple question. Still, I am stuck:
    I would like to have widgets access other widget's variables. I would have thought, for instance, that it would be possible to declare a variable
    var Utility = this.viewController.outlets.Utility;
    in Global.js, refering to a widget declared in one of the standard auxiliary (.js) files.
    I assume that there are more clever ways of doing this. I'm not new to programming, but I'm new to both iAd Producer and JavaScript.
    Any and all pointers welcome.
    Thank you,

    For security reasons, each widget in an iBooks Author book can only access it's own content.
    If you meant sharing across pages in a project, then Global.js is the place to store the variables. It's best to assume Global.js can NOT see anything on individual pages, so your idea of using "this.viewController…" likely won't work. Instead, define your Utility class in Global.js (or in another JavaScript file you added as an asset), and reference the objects therein directly from the code in your pages.
    Does that help?

  • Cannot download iAd producer

    I am signing in with my apple id after clicking: DOWNLOAD iAd Peoducer 5 now on this page: https://developer.apple.com/iad/iad-producer/ in order to download the iAd producer - and it is taking me to my account settings page and not to the download page.
    no matter what i try - i can't get to the downloader
    please help - thanks!
    Seth

    Did you try contacting Apple using the link in your post?

  • I cannot get my add uploaded to iAd Workbench using iAd Producer

    I am using version 4.2 of iAd Producer and trying upload my add to iAd Workbench.
    I get the following error. Does anybody know how to resolve this error?

    They are not all on iTunes, I copied some over from my old Droid device when I bought the Nano,.  It was my understanding that there isn't a way to get those into iTunes.  Does having initially setup the Nano on a Windows machine have anything to do wish this?  I've switched to a Mac mini as the Windows machine is on life support.  I never had issues downloading from the Windows pc. 

  • How can I use WebGLview in the iBook widget template in iAd producer?

    Recently I am trying to use iAd producer to create a iBook Author widget. What I need is to show a 3D .obj file in it. How can I do that? Is WebGL supported in the iBook Author template?

    Per iAd Producer help (https://help.apple.com/iadproducer/mac/5.0/index.html?localePath=en.lproj#/iade7 39fa44):
    Available in ad projects only.
    It was noted during an iBooks Author / iAd Producer seminar I attended that iBooks had not enabled WebGL content, so I encourage you to request support from Apple:
    http://www.apple.com/feedback/ibooks.html
    Alternatively, iBooks Author can present .obj files natively in their own widget:
    http://www.apple.com/ibooks-author/gallery.html#gallery-interactive-3d
    Obviously, the presentation is limited to the object and not any of the other interesting things you might be able to do with HTML and a WebGL object.
    Does that help?

  • Compose Email from iAd Producer iBooks Widget

    I am looking for a simple way to email the content of my text fields/forms from my widget I am creating from the new iAd Producer. I've read that there is a "compose email" action, however, in the iBooks Author Widget creator I can't seem to find it. Any help would be appreciated.

    I've since found that the compose email action is available for the iOS but not for the iBooks author?

  • Sliders for iBook's widget built in iAd producer

    I am attempting to build a widget that features sliders (general object) for iBooks in iAd producer. I added sliders in iAd Producer; have a minimum setting of 0.0, maximum of 10, and moving at increments of 0.5. I tested them in the preview funciton in iAd and the knobs on the sliders can be dragged up and down (at increments 0.5 becuase that is what I set it at), but when I export to a widget and drop it into an iBook and preview it, I lose the funciotnality of the knobs in the sliders. I can't drag the knobs back and forth anymore. Does anyone know why? Perhaps I missing an action...?

    Works for me. Have you hooked in any code that may be causing a problem?
    I dropped a slider and a label on a page then selected the slider and clicked the code button then selected to overrride the Did Change Value event handler and added the follwoing code:
    this.onControlValueChange = function (event) {
              // Code here for the "Did Change Value" event.
        var label = this.viewController.outlets.label;
        label.text = this.value;
    I can slide the knob and the label updates as expected.  I did need to tap the widget before I could intereact with it in an iBook but otherwise it works the same for me in an iBook on the device as it does in preview.
    Any other clues?
    -Mark

  • Drag and drop iAd Producer

    hi everyone.
    Anyone can help me with iAd Producer...
    I'm doing widgets for iBooks
    I want to do drag and drop objects, and add some effects  as possible.
    Anyone know how it works?
    Thanks a lot!

    A friend (who is more of a JS jockey than I) created a similar project. Here's how he did it.
    For each draggable object, he added three event handlers:
    Touched Down
    Touch Dragged Inside
    Touched Up Inside
    These can be added by selecting the object and changing the Inspector's INTERACTION > Events brick > + {event} > Execute JavaScript, or by using the menu, Code > Object Events > {event} > Execute JavaScript.
    His code looked something like this:
    // Define CLOSE_X_MIN, CLOSE_X_MAX, CLOSE_Y_MIN and CLOSE_Y_MAX to be
    // "close enough" to the target drop zone.
    this.onViewTouchDragInside = function (event) {
      var p = iAd.Point.fromEventInElement(event, this.layer.parentElement);
      p.x -= this.startTouchPoint.x;
      p.y -= this.startTouchPoint.y;
      p.x += this.startPosition.x;
      p.y += this.startPosition.y;
      this.position = p;
    this.onViewTouchUpInside = function (event) {
      object_pos = this.position
      window.theposition = object_pos;
      var x = object_pos.x;
      var y = object_pos.y;
      if ((x >= CLOSE_X_MIN && x <= CLOSE_X_MAX) && (y >= CLOSE_Y_MIN && y <= CLOSE_Y_MAX)) {
        // close enough, right answer
        x = ((CLOSE_X_MAX + CLOSE_X_MIN) / 2);
        y = ((CLOSE_Y_MAX + CLOSE_Y_MIN) / 2);
        var p = new iAd.Point(x,y);
        this.position = p;
    this.onViewTouchDown = function (event) {
      var p = iAd.Point.fromEventInElement(event, this.layer.parentElement);
      this.startPosition = this.position.copy();
      this.startTouchPoint = p;

  • How to create an "exit widget" button on iAd producer.

    I am creating a widget for a children's book and would like to create a simple "exit button" (an X the reader can touch to close the widget). Thus far I have created the object, but i can't seem to find an an 'action' to associate with the "activated" event that will close the widget and return to the iBook. I realise that a widget can alternatively be closed with a two-finger gesture, but for simplicity in view of my target audience prefer to have the "exit button". Note: I am relatively new to iBooks Author, and totally new to iAd producer. Unfortunately I don't know how to script in Java or HTML yet, but am willing to learn. Can anyone please give me some pointers?

    Thanks! The button didn't appear in the preview in iAd producer, so I didn't realize it was there. But I tried my widget in iBooks Author and the button is there. Thanks again!

  • Jerky performance in iBooks widget and Animate Deployment Package

    Hi folks,
    I'm making a interactive children's book using Edge animate as I wanted it to be full of rich interaction, animation etc. My plan is to make the whole book in Edge and then drop that Edge file into either iBooks author or Adobe DPS. When I preview the work in Chrome through the actual application of Edge it plays perfectly, really smoothly and with no lag at all.
    However, when I export as an iBooks widget or use the Animate Deployment Package option and preview through either iBooks or DPS then I see a marked reduction in performance. There is a slight lag between tapping an item and the animations starting and they play through in a slightly jerky fashion.
    I read a discussion on these forums where the person said they had noticed the same thing when they had used symbols in their work. Unfortunately, because of the complexity of my project, I have to use symbols. Is this just how it is?
    It's not absolutely dreadful, and if if that's how it is then I can live with it - but I would prefer it to be as smooth as it appears on my browser previews.
    Any thoughts or suggestions on what I can do to improve the performance?
    Thanks,
    Tom.

    Hi Elaine,
    Thanks for getting back to me.
    The largest graphic that I animate is 1024 x 768, but I didn't notice any particular drop in performance between larger items over smaller ones. I did notice that bitmaps suffered more from the jerky framerate than DIV elements created within Edge, but I guess that's to be expected.
    Most of the images are .pngs because they need to be character's arms, legs etc to make the figures animate, so that must be the issue I guess. I've probably just been spoilt from seeing it run so smoothly on my desktop browser!
    The 'symbols' comment was something that I thought was odd too - I only mentioned it as it had been brought up on the forums in relation to playback issues in iBooks.
    Anyway, like I said it's not dreadful so I'll just have to live with it as I can't optomize the graphics to not have transparency in this instance.
    Thanks for your time,
    Tom.

  • HT5071 Can I publish my work produced with iBooks Author and make it available (free of charge) for my students only?

    Can I publish my work produced with iBooks Author and make it available (free of charge) for my students only?

    Yes. Put it on your own server, and/or send it out via email.

  • How can I get my dad's iMac to produce typewriter sounds? He's visually impaired and it really helps him.

    How can I get my dad's iMac to produce typewriter sounds? He's visually impaired and it really helps him.

    You may wish to contact Matias (www.matias.ca). They sell a "Tactile Pro" USB board that is built like the old and wonderful "Nimitz" ADB keyboard of the 1990's. Original Tactile boards produced that typewriter "clack." Don't know if this feature has been continued from looking at their web site. Therefore you should contact them directly.
    Not cheap but probably the best KB on the market today.

Maybe you are looking for