is there a way to use glyphs in a tvml menubar? - tvos

I'm looking for a way to use sf symbols (glyph icons) like Gear and magnifyingglass inside the menu bar item, instead of a title.
Apple talks about it in its documentation for tvos, but I have not been able to find any reference to tvml js here.
So, Is there any way we could use those icons in the menubar while working in tvml js?

Related

Adding a small image or icon onto page in Angular?

I noticed when starting my first Angular project, the default Homepage is nicely detailed with a bit of functionality.
My question is how does one add the small detailed icons - like the rocket ship at the top, the graduation cap next to "Learn angular" etc? I don't see any image files included in the project for these, are they being sourced from the internet?
How can I use my own images for these small icons in my own project?
The rocket is an SVG element, you should find element <svg>...<svg> in your index.html.
If you want to use some 3rd party, you can try something like the fontawesome

Finding an image from source code of existing website

I'm looking at this site: http://www.calgaryclimbing.com/rates/ . On their footer they have very clean looking icons that link to their social media pages. I want to do the same using the same icons they are using. But when I inspect the elements It shows that they use an i tag and that the class links to some css code that uses the content property. I want to use the image icon so my questions are how can I get the image? And why was it programmed this way? Why not just use an image that you could click on?
I didn't check the link you provided but it's most likely a custom font just like Font-Awesome which you can use to put many kind of icons in your Web Site/App.
Font-Awesome use the <i> tag as well just like you explained.
Why using Font-Awesome?
As they say:
Font Awesome gives you scalable vector icons that can instantly be
customized — size, color, drop shadow, and anything that can be done
with the power of CSS

UI for autocomplete and tabs with icon and text

Hi Experts
My question is :
how we can achieve UI as shown in above image using angular-material?
if it is not possible using angular-material then which framework I can use
The Tabs for FLight, Hotel, Buses, Holiday this kind of tab using icon and text with transparent background.
the search text boxes using autocomplete.
I am using angularJs and angular-material.
Any Help would be a great support.. Thanks
All the basic components you mentioned are available in angular material:
Auto-complete
Tabs
You have also a lot of icons But i suggest you though to use FontAwesome
However for other things you asked, you have to absolutely learn css since no any framework can visually fit to your design choices.

Foundation Zurb

I have a quick HTML foundation question. I am using foundation for my HTML page. I want to know how to do a photo gallery that has next and pervious and auto play with a description under each photo any ideas?
You might want to check Slick slider which is also recommended by Zurb:
http://kenwheeler.github.io/slick/
(Orbit Slider by Zurb is already deprecated)
Foundation has a build in element called Orbit for that: Orbit Carousel
You can access the plugin options directly via data attributes.

Replacing Social Media Icons with Custom Images

I'm wondering how to replace my social media icons with my own custom images. For example instead of using the typical Facebook Like button or Twitter follow button I would replace it with my own image, while keeping the same functionality.
Websites like BuzzFeed and SuperCompressor are good examples that it can be done. Each has replaced the Facebook Like button with a custom image but the functionality remains the same.
I'm having a hard time finding any information one the web. Can anyone guide me in the right direction?
As the place you will find this image may depend on the plugins and themes you use, you have to find out where the actual image comes from.
To do so, I would suggest that you install a browser such as Chrome that allows you to inspect an element on your page (will open the portion of code displaying the selected item). Once you see where the image comes from, you can either replace the actual image with a custom one if it's on your website's server, or search your website files for this image's URL and replace it with a link to the image of your choice.
I think something like
this http://www.inboundnow.com/apps/facebook-like-button-generator/
might work but the google search for
custom facebook like button for website
has a lot of results
EDIT: Well if you already know how to make a custom image you can follow
https://stackoverflow.com/questions/9493988/how-to-trigger-facebook-like-button-from-custom-button
to make your custom image into a facebook like button
`http://jsfiddle.net/masondesu/haxvL/`
This site also has some info