We're planning to use Here Maps with JS api 3.1 / vector tiles in our project and would like to use styles reduced.day and reduced.night for the web app. The reduced styles are available for some apis, but I cannot find yaml files for those styles.
Are there any other style files available the normal.day and the example dark.yml?
You can download/ save the normal.day yaml file from the map style editor. Currently, the normal.day is the only available default style for web. You can also create your own styles with this editor.
You can also use an example of the dark theme from our GitHub
Related
I have been surfing through the sites looking for a way to add my custom css font icons for my own application.
I have uploaded the css file in the workspace static files, and put the url in Shared Components\ Themes \ Icons \ Custom Library File URLs.
Please show my how to used my custom css font icons, for I don't want to upload images or so.
Depends on your version, but Maxime has an example here describing how to import Font APEX library for APEX 5.0
http://max-tremblay.blogspot.com.au/2017/02/using-font-apex-in-apex-50.html
You're chasing attributes in the theme settings.
Fonts like Wingdings render letters as a variety of symbols. If you look at some font websites likes dafont, you can see a lot of symbol fonts. Download the font file (ttf) and convert it to woff using some converter tool / websites like convertio. You may refer this stackoverflow question to get an idea about its usage in CSS.
Hope this helps.
I'm working in a corporate environment which is making it extremely difficult to try and get SCSS working on our build server. Is there a way to apply custom Angular Material 2 theme using custom color palettes as plain CSS instead?
Material comes with a couple pre-built themes available as plain .css files, as documented here.
If you have an existing custom theme in .scss, you can convert it to .css using the command
$ node_modules\.bin\node-sass.cmd src\theme.scss > theme.css
i'm busy with a Nativescript app, i'm using the core dark theme but would like to add some font-awesome glyphicons and custom css. I import the core dark theme in my global app.css but don't seem to be able to do anything more in that file after importing the theme... I've tried to add page-specific css by adding a component-common.css to a specific page but when I add the styleUrls: [...] declaration to the component declaration I always get a runtime error... Is it possible at all to use custom css ontop of the core Nativescript theme? If so how would I go about it (using css files not inline in the xml)?
Yes, it is possible to use both a theme and custom CSS files.
For example, check this sample where in the same time theme has been applied to the top CSS file.
Better check (and/or post) your runtime error - it might show you the reason why the app is throwing. Perhaps due to non-existing paths for your styleeUrls !?
I am trying to build a new design on an old system that is using DOJO, eventually we are going to move to AJAX to handle the data calls. Is there a default or minified CSS file so I don't have to use their themes? (i.e. Claro, which is the theme that was and still is applied)
It says you can make custom themes, but there has to be a bare bones version out there somewhere.
Thanks for your time.
The bare minium CSS is available in dijit.css
(you can see the file on the CDN: https://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/dijit.css)
As dojo team says about this file :
Essential styles that themes can inherit.
In other words, works but doesn't look great.
So be aware it will be ugly!
But you can build your own theme starting from that.
dojo comes with out of the box the following themes:
Claro
Tundra
Soria
Nihilo
There is no really a default CSS a part of the CSS which is included in on of the listed theme. But as ben point out in his answer, there is a dijit.css which is a very essential base of CSS which other themes can in-heritage from.
You can apply them adding the following in your HTML file:
<link rel="stylesheet" href="dojo/dijit/themes/claro/claro.css" />
<body class="claro">
Or you can use a CDN, example for claro (just change the name for css file in order to get a different theme):
https://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dijit/themes/claro/claro.css
The CDN version is an unique file and easy to include in your app but it is not minified.
If you need to have a minified version, you could use the dojo build to compact all your project files and included CSS for your theme minified.
More info here:
https://dojotoolkit.org/reference-guide/1.10/dijit/themes.html#id10
The problem is like this:
We're trying to implement a versioning scheme for our CSS and wherever we have accessed CSS through href (like \themes\ssss\abc.css) we append this link with a build number programatically (such as \themes\ssss\abc.css?1011) so that with new build the client gets the latest css files.
The problem is coming in themes. For e.g. under App_Themes we created a theme folder with the name MyTheme; now wherever this theme is used we need the CSS for this theme to be replaced by latest build files. How to do that?
why don't you create a new theme folder on each build/deploy?
Something similar to \themes\ssss-1011\abc.css.
Add some extra hash to your css url ("#somethingnew"). You can also you tools like SquishIt. It also can minify you css/js files.