Kaltura video widget and jquery mobile navigation buttons

Greetings,
I inserted the Kaltura video player widget into a jquery mobile project I built in Dreamweaver 5.5. The video works fine, but all of my navigation buttons were compromised. For example, where once there was a circle with a > symbol--indicating Press to Advance--there is now just a circle. And, in my collapsable block fields, the circle with the + or - symbols are also just circles. I believe that the Javascript that Kaltura inserts conflicts with the existing jQuery JS, but I can't find a fix.
I posted a screen shot below to show the buttons missing the > symbol.
Anybody?
Thanks in advance.

Change the theme to ui- theme darkness
@import url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/darkness/jquery-ui.css");
this will bring back your arrows.
The problem is in the css. And the redmond theme
I will look at it later and see if i can isolate the issue .
Go to kaltura widget folder > skins > ui-themes to see the css
I am interested in how your testing with this widget is working for Android (iOS works fine). I have a few issues and as I can find very few folks working on this could we maybe collaborate? Thanks Tom

Similar Messages

DW CS6 and jQuery Mobile 1.2.0 - does not copy icons folder

Using the trial version of DW CS6
Attempting to create a JQuery Mobile Web site using DW and JQM 1.2.0
This is what I have done.
1. Created a new folder in C:\Program Files\Adobe\Adobe Dreamweaver CS6\configuration\Third Party Source Code\jquery-mobile2
and copied the following files:
jquery-1.8.2.js
jquery.mobile-1.2.0.js
jquery.mobile.structure-1.2.0.css
jquery.mobile.theme-1.2.0.css
\images - all files copied from the JQuery Mobile download for v1.2.0
2. Edited the following files in C:\Program Files\Adobe\Adobe Dreamweaver CS6\configuration\BuiltIn\Mobile Starters:
jQueryMobileLocalMultiPage.htm
jQueryMobileLocalSplitMultiPage.htm
and pointed them to the new jquery-mobile2 folder by changing each path from
../../Third Party Source Code/jquery-mobile/
to
../../Third Party Source Code/jquery-mobile2/
3. In DW, File New and selected the "Page from Sample > Mobile Starters > jQuery Mobile with Theme(local) and DW created a file with paths pointing to the local copies of jquery-mobile2 folder.
4. File > Save As and point to a folder and hit save and DW opens a dialog box asking me if I want to copy the 2 CSS and 2 JS files mentioned above.
So I hit "Copy" and it saves the HTML file and also copies the 2 CSS and 2 JS files. But when I open the HTML file created, in my browser, there are no images displayed. I checked the folder and although DW has copied the other files it has NOT copied the images folder. I have to manually copy the folder across and only then will the images display corrctly in the page.
This appears to be a bug in DW CS8 and its handling of the JQMobile template.
Is there a proper solution other than remembering to manually copy the images folder or can this be noted as a bug and corrected as I want to use the latest version of JQMobile.

Fixed it myself. I realized that I needed to leave <link href="jquery-mobile/jquery.mobile.theme-1.0.min.css" rel="stylesheet" type="text/css"/> in index.html and to add a new line <link href="jquery-mobile/y_theme.css" rel="stylesheet" type="text/css"/>

Dreamweaver CS6 and Jquery Mobile 1.4.1

I updated all the Jquery files in Dreamweaver CS6 and now in Live View the Jquery styling doesn't show, works fine when I open the page with Chrome. Any help ?
http://i62.tinypic.com/wtgitv.jpg

Tried with Jquery Mobile 1.4.0 and it works, so I guess I'll use that for the time being.

Jquery Mobile Custom Buttons

Hello Dreamweaver Gurus... I need some help here. How do you go about changing the default style buttons that jquery has, you know, those rectangle buttons with curved corners... I'm looking at have some buttons like this example.. Any help is greatly appreciated. Thanks.

It only took me a while but i finally got it figured out.
BEFORE: AFTER:

Media selector creates video widget instead of photo

Hello!
When I select and drag into my book a single photo from iPhoto in the Media Selector, Author creates a video widget instead.
When I drag two photos, Author creates a video widget and a photo.
I have searched this forum and did a Google search but did not find other people complaining about the same problem. What is wrong and how can I correct it?
I have the latest versions of Author and Mountain Lion installed on my iMac computer.
Thanks for your help!

If you just want an image, drag it to the page. If you want to incorporate image_s into a Widget, use the Gallery or Interactive or Keynote (slideshow) widgets.
Otherwise, for a single image, I believe that is how the media widget works.

Fluid layouts and jquery?

How do you have a fluid layout site and jquery mobile site together? Would like to have monitor and tablet using fluid layout but for mobiles use jquery, how is it done?

So, is this the end of the physical product for Adobe?

Dreamweaver CC and jQuery Support

I'm only recently getting into jQuery, specifically for creating mobile apps. I know that Dreamweaver CC has good support for jQuery, jQuery UI, and jQuery Mobile. BUT, I also notice that the code it creates is a hybrid between pure jQuery code, and Dreamweaver proprietary javascript code, such as all the MM_xxx javascript functions. I also notice that the events for jQuery components are mostly placed within the HTML tag, such as the onClick attribute of an A tag, etc...
Is there anyway, automagically, to get the jQuery code to build within a script section within the code, with the appropriate event handler as code instead of embedding into the HTML tags themselves? And is there anyway to eliminate the MM_xxx proprietary javascript functions, and use pure jQuery code instead?

Hi
I don't think it is do-able on code that is automatically generated. but I am not a jQuery user in Dw, (JavaScript yes, jQuery no).
Anything that begins with MM_xxx.... normally indicates that it was written specifically for Dw.
It may be worth waiting for a few members who normally look-in latter in the day though, as they may know more about using jQuery with Dw.
PZ

JQuery Mobile with Kaltura player

I am able to use the Kaltura player quite well if on my menu page, which allows for navigation to the video-playing page, I use rel="external", but I give up all Ajax navigation buttons. If I don't use rel="external" the poster frame displays fine, but the video never buffers or loads. I'm guessing it's because Kaltura is waiting for a page loaded event that never fires within the Ajax call. Does someone have a solution for me re: how to get the video player to perform normally and still use the ajax navigation buttons?

Hi,
Please confirm that your web server is sending the correct headers for the video files -
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
Consider posting these questions on the library forum - http://www.kaltura.org/forums/html5-video/html5-video

Facebook like button is not working, I have used the muse widget and created code from facebook. Does anyone know how to get this to work?

Facebook like button is not working, I have used the muse widget and created code from facebook. Does anyone know how to get this to work?

Hi connally25,
Below is a link to a video tutorial on how to add a Facebook Log button, please check if you have followed the same steps to add the video.
http://tv.adobe.com/watch/learn-adobe-muse-cc/adding-a-facebook-like-button/
If you have followed the steps correctly and the button still does not work; here is a link to a forum thread which might help solving the issue:
Facebook Follow Widget not working
Regards
Sonam

Show hiide Buttons not working in andorid OS and windows mobile OS

Hi,
I made a file in Indesign CS6. This file has a map with dots on it. When a user clicks a dot, an info box pops up giving info about that dot. He clicks the box to make it dissappear and can click another dot for the next info. I achieved this using the hide and show feature of buttons and exported using interactive Pdf. The file works fine on a windows Pc but it does not work on andorid or windows mobile platform. How can I make it work for both?

I assume that you're talking about Show-Hide Fields in an interactive PDF. It's not likely that it will work given the limitations of most PDF readers on mobile devices.
I'm a user of an iPad and iPhone, and haven't worked with Android or Windows devices but I think the issues are the same on all platforms. Some PDF readers are better than others. You didn't say what PDF reader you were testing on.
Here are two articles I've written about the frustrations of getting interactivity to work on mobile devices, in this case, an iPad:
http://indesignsecrets.com/for-interactive-pdf-not-all-readers-are-equal.php
http://indesignsecrets.com/navigation-button-tricks-for-interactive-pdf-on-an-ipad.php
The best PDF reader for iOS devices is PDF Expert, but I don't believe that exists for Android or Windows devices. I can view interactivity that Adobe Reader doesn't support.

Paypal button for jquery mobile app in DW CS5.5

Using the jquery mobile app framework in DW CS5.5 and need help in using Paypal mobile.
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick" />
<input type="hidden" name="bn" value="webassist.dreamweaver.4_5_0" />
<input type="hidden" name="business" value="[email protected]" />
<input type="hidden" name="item_name" value="Odor Cat" />
<input type="hidden" name="amount" value="19.50" />
<input type="hidden" name="currency_code" value="USD" />
<input type="hidden" name="shipping" value="5.50" />
<input type="hidden" name="return" value="http://www.mysite.com/checkout_success.php" />
<input type="hidden" name="cancel_return" value="http://www.mysite.com/checkout_failure.php" />
<input type="hidden" name="undefined_quantity" value="1" />
<input type="hidden" name="receiver_email" value="@hotmail.com" />
<input type="hidden" name="mrb" value="R-3WH47588B4505740X" />
<input type="hidden" name="pal" value="ANNSXSLJLYR2A" />
<input type="hidden" name="no_shipping" value="0" />
<input type="hidden" name="no_note" value="0" />
<input type="submit" name="submit1" id="submit1" value="Pay with PayPal">
</form>
This form button will take the user to paypal for payment, but is not for mobile app.
thanks for your help,
-Jim Balthrop

How do I get someone to respond to my question here?
Let me try again.
With DW CS5.5 when I try to insert a PayPal button into a table (which I always did with DW8) the table in Design View gets scrambled, making it unusable. Please would one of you out there who is much more knowledgeable about DW than me try it and see if there is a solution? If you create a new HTML page in Design view, create a table in it, place the insertion point inside one of the table cells, go to the code view and locate the insertion point there, then paste the PayPal button code at that point. Here's the code:
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="XSXQ9CUMUVLQC">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
Now go back to Design view and see how it looks. If it acts the way it does for me, the table is no longer visible, but if you go to Live View everything looks fine with the table and the button inside it. Of course, I can't design in Live View.
PLEASE can someone out there help me.
Many thanks.

Jquery mobile example and device central test

Hi
Having created in Dreamweaver the default template for Jquery Mobile ( Page from sample > Mobile Starters>jquery mobile (local) ) and saved to localhost as well as on the web I decided to test in device central using preview in the device central option.
in device central I used the Apple Iphone 4 emulator and could see that I was able to proceed to page 2 by clicking on it , however clicking on the back button does not work.
This is the same for all pages in the JQM example.
I then tried this on a web emulator http://www.testiphone.com/ and the back button works OK. So does this mean that device central is not working correctly or have i missed something

Hi
Have a look at http://forums.adobe.com/message/3857648#3857648 not sure how long it takes for fix to be implemented.

Navigation Buttons Work on and Off?

Anyone with any suggestions would be greatly appreciated as I am out of ideas. I am new to Flash CS4 so I may be doing something stupid. I created my assests on Photoshop CS4 and imported them into flash as flash layers. I followed a training video by Paul Trani about creating a first website. I have several pages in my site, home, about, contact, photos etc. I created navigation buttons for the homepage and they work great. However on my other pages I created different buttons as they are in a different place and have some additional buttons that the homepage does not have (except the contact page has common buttons to the homepage). I put the homepage and second page (contact) actions on frame 1. I then created a new keyframe at frame 20 where the rest of the pages uses common buttons. I then changed the language in the action script so as not to conflict with the frame 1 action script. I had trouble making the second group of buttons work so I created a new actions layer (actions2) and they work, except...
Well my homepage buttons work, all of them. I can even go to my contact page (which share the same buttons with the homepage) and then go back to the home page. I can also go from the homepage to the other pages and those buttons work...UNTIL I go back to the home page or to the contacts page (the pages that share buttons) then those buttons NO LONGER WORK??? It seems like once I committ myself to one group of pages (I consider myself having two groups of pages based on the sharing of buttons by each group) it disables the other group.
Any ideas or direction I may look at?
Thanks, Mark

Hello and thank you for the response. If I may bother you for a bit more detail...for the later, would I put all the code in actions/frame 1? Then are the layers where the buttons artwork and the buttons themselves expanded out to the full length, then I make portions invisible? Also am having trouble where to find the invisibilty command...I remember seeing it somewhere but can't find it.
Again, any addional help would be great. I feel like I am almost there.
Mark

Hi Guys, I am using the full width video widget on a site. The widget was working perfectly however I have just added additional content to the site and re-uploaded and now the video is not working! Please help I have tried everything and am freaking out

Hi Guys,
I am using the full width video widget on a site. The widget was working perfectly however I have just added additional content to the site and re-uploaded and now the video is not working! Please help I have tried everything and am freaking out as this web-site has been payed for by my client.
Alex

Many thanks.
With those symptoms, I'd try the following document:
Apple software on Windows: May see performance issues and blank iTunes Store
(If there's a SpeedBit LSP showing up in Autoruns, it's usually best to just uninstall your SpeedBit Video Accelerator.)

Print, Export and Page Navigation Buttons in the Report

When I view a report through CR4E, the generated report has 3 buttons namely Print, Export and Page Navigation buttons. But when I click on either of the buttons I get a 'null pointer exception'. This is a critical error as I am unable to navigate past the first page. Do I have to add code to these buttons? If not, why am I getting an error? Kindly solve my problem as soon as possible.

<p>Looking at your code it appears that you are storing the ReportSource in session prior to passing in the ResultSet. This will create a problem when a postback is made on the viewer page (which all of the viewer actions do). If you look at the sample code which is generated when you use the JSP Page Wizard you will notice that the ResultSet is passed to the ReportClientDocument object prior to it being stored in session. Then, when the page is called again this object is retrieved and the ReportSource is used by the viewer. You can quickly run the test using one of our sample reports to see what I am talking about. The code below was generated using the Consolidated Balance Sheet.rpt and did not experience any problems doing any of the viewer actions.</p><%@page import="com.businessobjects.samples.JRCHelperSample,<br />com.crystaldecisions.report.web.viewer.CrystalReportViewer,<br />com.crystaldecisions.reports.sdk.ReportClientDocument,<br />com.crystaldecisions.sdk.occa.report.application.OpenReportOptions,<br />com.crystaldecisions.sdk.occa.report.lib.ReportSDKExceptionBase,<br />com.crystaldecisions.sdk.occa.report.reportsource.IReportSource,<br />java.sql.Connection,<br />java.sql.DriverManager,<br />java.sql.ResultSet,<br />java.sql.SQLException,<br />java.sql.Statement"%><%<br /><br /><br /> try {<br /><br /> String reportName = "Sample Reports/Consolidated Balance Sheet.rpt";<br /> ReportClientDocument clientDoc = (ReportClientDocument) session.getAttribute(reportName);<br /><br /> if (clientDoc == null) {<br /><br /> clientDoc = new ReportClientDocument();<br /> <br /> // Open report<br /> clientDoc.open(reportName, OpenReportOptions._openAsReadOnly);<br /><br /> <br /> {<br /> // **** POPULATE MAIN REPORT ****<br /> {<br /> // Connection Info for fetching the resultSet<br /> String connectStr = "jdbc:derby:classpath:/Xtreme";<br /> String driverName = "org.apache.derby.jdbc.EmbeddedDriver";<br /> String userName = "dbuser"; // TODO: Fill in database user<br /> String password = "dbpassword"; // TODO: Fill in valid password<br /><br /> String query = "SELECT CUSTOMER_NAME FROM APP.CUSTOMER WHERE COUNTRY = 'Australia'";<br /><br /> <br /> String tableAlias = "FINANCIALS"; // TODO: Change to correct table alias<br /><br /> <br /> JRCHelperSample.passResultSet(clientDoc, fetchResultSet(driverName, connectStr, userName, password, query),<br /> tableAlias, "");<br /> }<br /><br /><br /> }<br /> <br /> // Store the report document in session<br /> session.setAttribute(reportName, clientDoc);<br /><br /> }<br /><br /><br /> {<br /> // Create the CrystalReportViewer object<br /> CrystalReportViewer crystalReportPageViewer = new CrystalReportViewer();<br /><br /> // set the reportsource property of the viewer<br /> IReportSource reportSource = clientDoc.getReportSource(); <br /> crystalReportPageViewer.setReportSource(reportSource);<br /><br /> // set viewer attributes<br /> crystalReportPageViewer.setOwnPage(true);<br /> crystalReportPageViewer.setOwnForm(true);<br /><br /> // Process the report<br /> crystalReportPageViewer.processHttpRequest(request, response, application, null); <br /><br /> }<br /> <br /><br /> } catch (ReportSDKExceptionBase e) {<br /> out.println(e);<br /> } <br /> <br />%><%!<br />// Simple utility function for obtaining result sets that will be pushed into the report. <br />// This is just standard querying of a Java result set and does NOT involve any <br />// Crystal JRC SDK functions. <br /><br /> private static ResultSet fetchResultSet(String driverName,<br /> String connectStr, String userName, String password, String query) throws SQLException, ClassNotFoundException {<br /><br /> //Load JDBC driver for the database that will be queried <br /> Class.forName(driverName);<br /><br /> Connection connection = DriverManager.getConnection(connectStr, userName, password);<br /> Statement statement = connection.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE, ResultSet.CONCUR_READ_ONLY);<br /><br /> //Execute query and return result sets<br /> return statement.executeQuery(query);<br /><br />}%><p>Try using the code generated from the wizard to see if it works for you as well. </p><p>Regards,<br />Sean Johnson (CR4E Product Manager) </p>

Kaltura video widget and jquery mobile navigation buttons

Similar Messages

Maybe you are looking for