Use native 10.8 scrollbars with TideSDK 1.2.0 RC4? - tidesdk

I finally got TideSDK to work (following this guide, How Do I Get Started on the Legacy 1.2.0.RC4 TideSDK?), but I noticed that within my app, the scroll bars are those from previous versions of OSX. By this I mean the scrollbars look like this:
as opposed to the new scrollbars introduced in OSX 10.7:
This obviously isn't a huge issue, but I'm wondering if there's a fix, or if the fix will be in the much anticipated 1.3.0 release which I'm assuming will rely on the updated WebKit.

1.2.0RC4 is built against sdk10.5. The 1.3.0 is built using sdk10.7 in Xcode that will be upgraded shortly to sdk10.8 (pending a few deprecation warnings to be resolved). User Preferences determine scrollbar characteristics for the OS. The setting consists of the following options:
Automatically based on input device
When scrolling
Always
So the first option will depends on whether you have a trackpad or mouse. For example, with a mouse attached:
The second option provides the result on the second image you have included that is much like iOS:
The scrollbars are not specific to WebKit. In fact, the images above were created from code compiled against the native WebKit that is very much up to date. We will be releasing TideSDK and TideSDK Lite shortly. If you do not need the php, python or ruby language support, you will want TideSDK Lite. TideSDK Lite is also our product for gaining AppStore approval.

Related

CSS Grid Development Environment on Windows

I wish to upgrade my web site development environment. Currently using Adobe Dreamweaver (out of habit), but need to
Write HTML/CSS/PHP/MySQL code in an editor with syntax highlighting, code/tag completion, code hints.
have a browser window that reflects the code window results (on a save). So write HTML/CSS code, save it, and the browser window is updated
support for major browsers (choose the browser to be used in the display window)
allow adjust of browser window width to see responsiveness of my code
supports latest CSS, including CSS Grid and Flexbox
Windows 10 environment; not interested in adding Linux (WSL)
will consider an XAMP/WAMP environment for testing of PHP/MySQLi code locally
free or low-cost programs are preferred (I'm on a limited budget, but will spend the $ for what is needed)
An important part is things running in Windows 10 environment, and the side-by-side display of a code and browser windows in the editor.
I realize this might be an 'opinion' question (and will probably get some downvotes), but need to get some directions to look at. The googles haven't been helpful yet.
If I understand correctly you need a text editor that can help you to indent your code and highlight your errors ?
Try to take a look at https://code.visualstudio.com/. Vs Code Editor
You can find a lot of extension to help you write code and find errors

Printing in Flex Mobile Applications (Flash builder 4.7)

I was hoping to find an easy way to print PDFs that display from my flex developed mobile iphone app.
Doesn't look like Adobe has made this available on Air.
At this point, is there any way to print anything from a flex mobile app? Print screen or print bitmap?
Thanks!
Yes and no. It is not available through the AIR SDK in any shape or form on mobile (as of 3.7, anyway).
However, you can create an AIR Native Extension (a code base written in Objective-C or Java, depending on platform that connects through an AS3 library) that can do this. On my last project, we tasked one of our iOS devs to create an extension that allowed for the native "Open In" and "Sharing" menus to display and interact with data in an AIR app. Along with that share menu came the option to Print, depending on content. It worked great and did exactly as we had hoped. I am sure you could build one that only did this with the print menu and did not do the full Share menu if needed.
I will warn you, however, that native extensions are not easy to create by any means. It involves knowing a separate language, using poorly documented libraries from Adobe, and command line work. Additionally, an iOS ANE must be created on OS X in XCode. There is no way (that I know of, at least) to create it in Windows or Linux.

MVC 4 mobile styles stopped working after script update

I'm trying to learn ASP.NET MVC programming. I've been using default MVC 4 mobile application template for my experiments. At some point I've decided to update the scripts to their latest versions (from 1.1.1 to 1.2.0 in case of jquery-mobile). For some reason the styling of the page is now gone. I know that this has nothing to do with my changes since I'm pretty much made none, so it has to be solely due to update. I was wondering if someone could point out to me what should I look at in order to figure out this problem, because honestly, at the moment I'm completely lost and don't even have a clue where to start looking or how to "debug" these kinds of problems. There's just too many "magic strings" in this template for me to wrap my head around.
Oh, just use lower jQuery version.
jQuery Mobile 1.2 dont work with jQuery 1.9.1 and above. They have locked 1.2 to use jQuery versions from 1.6.4 up to 1.8.2.
Proof :
Take a look at this jsFiddle example: http://jsfiddle.net/Gajotres/yWTG2/, change jQuery version in top left corner and see a difference. Don't forge to run it after change.
With version 1.9.1. you will get something like this:
First Page
Next
Second Page
Back

Is there a version of wkhtmlto(pdf/image) that supports CSS3 Columns?

I am using both wkhtmltopdf and wkhtmltoimage to generate my preview image and a pdf of a document. The only problem is, I need column support. Getting it to work with Javascript is becoming time consuming and really getting me nowhere.
Is there a build download out that has been built against a version of QT that has CSS3 support? I seem to be having problems finding said build.
With the release of Qt5, QtWebKit is said to have more HTML5 support. You could try building wkhtmltopdf on Qt5, or, if you don't like that, try a trunk-source build of WebKit and use the QMake project files to build. Good luck with that - WebKit is a nightmare to build.
EDIT: Started a Qt5 port of wkhtml2pdf, but apparently it (by default) needs a custom build of WebKit that I don't have the time or skills to do. See https://github.com/antialize/wkhtmltopdf/pull/18 for my work so far.
PhantomJS is built around QtWebKit, which supports CSS3 to some extent. Check this example, which renders PDF (can be easily modified to output PNG):
https://github.com/ariya/phantomjs/blob/master/examples/rasterize.js
To check the support of the CSS3 selector you're interested in, just render the correspondent official test suite page: http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/xhtml/index.html

Is there a summary of differences in rendering/behavior between QtWebKit and Chrome/Safari WebKit?

I wrote a simple Qt application (Windows+Mac) that uses QtWebKit to render
a web site inside a window.
But I already saw differences in layout and behavior between our app and Chrome
(that uses WebKit as well), e.g.:
- different fonts are displayed for the same web page
- an html anchor link with "javascript:someFunction()" is not working
Is there somewhere a summary list of all such differences (not the entire QtWebKit bug list)?
Also: is there a way to use a WebKit version more similar to Chrome in my application?
WebKit requires the drawing functions to be provided by the platform. Chrome uses a different graphics/drawing library: skia and QtWebKit uses Qt as a the drawing engine.they're
Both skia and qt provide their own widgets which are used in drawing.
Differences may come out of different painting system. About javascript... Just asking, but did you enable JavaScript support in your webkit app? I'm not sure if its enabled by default
Chrome uses it's own JavaScript engine, V8, which was a lot faster for some time. However, WebKit have also implemented a very fast engine called SquirrelFish (and the JIT'ed Extreme variant). Which one is faster is debatable - I recalled WebKit's being faster, but the difference is the order of miliseconds and it depends on a lot of factors - in short, they're both just as fast.
You can load the site http://html5test.com/ on your Qt WebView.
m_d->m_webView->setUrl(QUrl("http://html5test.com/"));
*If you are using the sample HTML project from Qt Quick.
This page will give you a score for the browser and detailed list of supported features.
You can also compare with other browsers, which is very useful.

Resources