Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

icon $default:md-tabs-arrow not found #98

Open
casper1149 opened this issue Aug 30, 2016 · 5 comments
Open

icon $default:md-tabs-arrow not found #98

casper1149 opened this issue Aug 30, 2016 · 5 comments

Comments

@casper1149
Copy link

Hi,

here is a jsFiddle example http://jsfiddle.net/2o1qx9jy/2/
In the provided example, arrows to switch between months are missing.
I was using your demo while creating this sample, can you please point me to a place where I did a mistake, or maybe something is wrong with your feature.

Also, in addition, tooltips for the arrows(that are missing) are provided in English - Previous month/Next month, however I have linked a Russian version and the rest of the calendar has switched the locale.
//cdnjs.cloudflare.com/ajax/libs/angular-i18n/1.5.7/angular-locale_ru-ru.js

@casper1149
Copy link
Author

I have been using https://cdn.rawgit.com/bradberger/angular-material-calendar/master/dist/angular-material-calendar.js after I've switched to your latest version via npm "arrows" problem disappeared, noticed that you've changed the layout a bit

@diegofcoelho
Copy link

Hey, @casper1149.. Which version exactly you used to fix the arrow problem?
Cheers

@johnrix
Copy link

johnrix commented Mar 14, 2018

Found this workaround addresses the problem:

angular.module('materialCalendar').config(["$mdIconProvider", "$$mdSvgRegistry",
    function($mdIconProvider, $$mdSvgRegistry) {
        // Add default icons from angular material
        $mdIconProvider
            .icon('md-tabs-arrow', $$mdSvgRegistry.mdToggleArrow) ;
    }
]);

@vomc
Copy link

vomc commented Oct 23, 2018

That workaround works for me but I was wondering if anybody could be so kind and point me to documentation on $$mdSvgRegistry. I am also using angular-material-calendar as @casper1149 but I am not finding any information on how to specify the various arrows...

For example I can get the basic arrows going for closing and such by using
.icon('md-close', $$mdSvgRegistry.mdClose) to specify a close icon but I was wondering how to use this service to specify other icons... for example how would I specify any other icon from the set of angularJS material icons?

For instance none of the icons in the AngularJS material page are specified using $$mdSvgRegistry ... https://material.angularjs.org/latest/demo/icon

@vomc
Copy link

vomc commented Oct 23, 2018

Ah nevermind... Just found that only a small list is supported this way as per https://github.com/angular/material/blob/41c9d00dbb3cd85a31c3a02693854f25b2f7a8df/src/components/icon/js/iconService.js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants