PhoneGap TabBar custom font, background patterns - javascript

I'm trying to costumize tabbar interface for my app, is it possibile to change font, font size, put custom backround pattern image?
I realy need to change it so it can fit my app needs.

I'm the author of the tab bar plugin (repo on GitHub). It does not yet support changing the background image or the font, but it shouldn't be a big problem to implement this. I'll put it on the wishlist but at the moment I don't have time. If you want to implement it yourself in the meantime, look at the tab bar's setBackgroundImage method and in the plugin code, search for selectedImageTintColorRgba to see where you have to implement additional options.

Related

How to improve Windows 10 UI specifically the toolbar?

There are some third party themes on DeviantArt which change the way the toolbar works.
I would like to mod the toolbar in a way similar to this. Specifically I want this behavior: I want the start menu icon to be right-justified, the program icons to be center justified (with the option of having pinned icons forced to be listed before unpinned icons), and then other icons for background services and time are left justified.
In my previous question I give an example that illustrates my specifications.
Now that React Native is supported by Visual Studio, it would be cool if I could use React Native to mod the Windows UI. Is there some kind of wrapper that allows me to manipulate UI elements like icons, system font, toolbar background, windows appearance, etc... in a similar way someone working in a front-end Javascript framework would be comfortable in?
Also there is this program for Windows 7 called DualMonitor which creates another toolbar on the second monitor. It would also assign the program icon to the toolbar on the same screen.
https://sourceforge.net/projects/dualmonitortb/
https://www.deviantart.com/browse/all/customization/skins/windows/win10/

Is their any responsive lightbox with slideshow that has proper swipe?

I have been search for hours for a jquery type plugin that is responsive and also has proper swipe animation during gesture.
http://www.photoswipe.com/ is 99% there except that it dosent support single image lightbox mode, its geared towards grouping images into swipable galleries, which it does brilliantly.
However now and then I may want a few images on a page to have no relation to each other. Id rather have a default class, that when used all images opened up in a single image lightbox. Photoswipe automatically groups any images given the same class.
If I was able to set an option with this plugin to hide the prev/next images on a call, then it would have been perfect.
Important though, is that the plugin must use full screen like photoswipe does. So many responsive plugins seem to waiste the screen with unrequired image chrome. The intended slide show or light box should be like viewing a gallery on a smartphone - again photoswipe does this. its only fall back in being able to have non related instances.
There are a couple out there that appear to be inline with what you want. I never understood why some developers create "responsive" galleries, but waste so much space with padding or decretive chrome elements.
I was thinking of using PhotoSwipe, but the developers stopped supporting it and recently threw it out there for the open source community to maintain. Kind of turned me off during the transition.
Here are a few others I came across that I'm considering myself.
Need higher rep to post more links....so some are just cut and paste. Sorry.
JuiceBox
(http://juicebox.net/)
SwipeBox
(http://brutaldesign.github.io/swipebox/)
(full disclosure...I have an affiliate code for the next links. If you want to remove them, just don't add the "ref". If this helps, I appreciate the clicks)
Touch N Swipe
(http://codecanyon.net/item/touch-n-swipe-image-gallery/5886023?ref=bmoe)
Flare (wow)
(http://codecanyon.net/item/flare-responsive-mobileoptimized-lightbox-plugin/2392703?ref=bmoe)

Custom Font for Phonegap using Adobe Edge

Anyone knows if there is a way without the use of webfonts to embed font into an Adobe Edge Animate composition so that the fonts can be seen when I create a Phonegap iOS app with the html file i get from Edge Animate?
All i can find so far is custom fonts for Edge Animate that uses webfonts which means I can only add links rather then embedded directly into the file or custom fonts for Phonegap where using font-family in css but that doesn't seems to be read by Edge.
I was thinking there is some way in the edge.js file that is output where they use
var fonts = {};
fonts['londrina-shadow, sans-serif']='<script src=\"http://use.edgefonts.net/londrina-shadow:n4:all.js\"></script>';
fonts['cabin-sketch, sans-serif']='<script src=\"http://use.edgefonts.net/cabin-sketch:n4,n7:all.js\"></script>';
fonts['coming-soon, sans-serif']='<script src=\"http://use.edgefonts.net/coming-soon:n4:all.js\"></script>';
to embed webfonts. Can I do something to it to embed the fonts with a path like src:"fonts/coming-soon.ttf"
Hope there is an answer to this or is there simply no way to do this cos Adobe decide to only link webfonts and screw us up.
Does the css work if you add that class to the div you are animating. If you save out the edge project, the open it in dreamweaver you can attach a css stylesheet. When you go back to edge and add that style it should show up in the animation. I know this works if you want to add png's to an animation. Not sure if it will work but could. I will look into it now and see if I can figure it out.

jQuery slideshow plugin that can make this on the image

Please advise me a jQuery carousel plugin that can make a carousel like the one on the image. I mean that, when the image item becomes active, it moves into the center and becomes large.
Thanks.
I think you want this: http://imageflow.finnrudolph.de/
Apparently, this is the original 'cover flow', even Apple has licensed this for iTunes.
I've used this on projects before and even integrated it into Drupal (there is a module for this in Drupal, but it didn't work for my needs). I was also able to modify the code to fit my clients extended needs.
Good luck!

How can I create a Netflix-style iframe overlay without a huge javascript library?

I'm trying to use a link to open an overlay instead of in a separate popup window. This overlay should consist of a semi-transparent div layer that blocks the whole screen from being clicked on. I also aim to disable scrolling at this point. Not matter where you are on the main page, when the link is clicked, the overlay should be in the center of the screen's X and Y origins. Inside of this overlay div, should be an iframe configured such that 3 sizes of content can be loaded.
­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
Shadowbox is a nice script for inline "popups". It can work with any of the usual JS libraries if you use any (jQuery, Prototype, etc) or on its own, has a pretty comprehensive skinning system so you can adapt the looks without having to go into the source code itself.
It is also the only such script (there are dozens) I've tried that would work reliably across all usual browsers.
It won't disable scrolling for you (you can still see the normal page background scroll by through the dark overlay), but the "popup" will in any case stay fixed on the screen.
http://onehackoranother.com/projects/jquery/boxy/
jQuery.boxy is another nice, lightweight modal dialog plugin.
You might want to check out an old JS lib I wrote, called SubModal.
Easy to understand and modify. Go to town ;)
Once you've modded it, use Minify in combination with gzip on your server. The lib size will be teeny tiny.
I usually use ThickBox for this. It works really well and degrades nicely if the user does not have JS turned on.
It does use jQuery, but you can load it from Google: http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js and maybe get the benefit of caching.
Grab the javascript ext library. It has functionality for overlays that are modal.
ThickBox (no longer developed) led me to this library which seems to work very well:
http://fancybox.net

Categories