Summernote Toggle Bottons Issue - summernote

I am using summernote 0.8.0. When I am pressing toggle buttons for actions(e.g Bold,Underline,Italic), the buttons remain in the unpressed appearance until I type something.Any solution?

Are you using the same version css file?
https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.0/summernote.css

I got the problem. Please try latest version of Summernote i.e Summernote 0.8.9 This bug persists in older versions.
Please see the link : https://jsfiddle.net/7jnf1bv4/
cdn link:
Js:
<script src = "https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
CSS: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.0/summernote.css" />

Related

Vuetify Icons does not work on Firefox 61.0.1

I have issue that my v-icon is not displaying on Mozilla Firefox 61.0.1 (latest version). On previous versions of Mozilla this was working.
<v-icon>mood</v-icon>
Now it is displaying only "mood"
Has anyone had the same issue?
there's an error in the auto generated index.html (if you're using vue cli 3 and Vuetify)
<link href="https://fonts.googleapis.com/css?family=Roboto:100:300,400,500,700,900|Material+Icons" rel="stylesheet">
should be
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">

Displaying icon in select form

I have already read several issues about displaying icons in former versions of blueprintjs. Mine concerns blueprint 2.0.0-rc.2 and feel it's an importing problem.
I am using webpack and importing blueprint v2 the following way:
In index.html:
<link href="node_modules/normalize.css/normalize.css" rel="stylesheet" />
<link href="node_modules/#blueprintjs/core/lib/css/blueprint.css" rel="stylesheet" />
In my app.tsx:
require('../../../node_modules/#blueprintjs/core/src/blueprint.scss');
require('../../../node_modules/#blueprintjs/icons/resources/icons/icons-16.ttf');
The overall css loads correctly but fonts remain unreachable; can someone please tell me what I am doing wrong? Cheers!
You are missing the new blueprint-icons.css file, which imports the font files through CSS #font-face declarations. Add the following line before importing blueprint.css:
<link href="node_modules/#blueprintjs/icons/lib/css/blueprint-icons.css" rel="stylesheet" />
We have updated the docs with latest usage instructions and will be shipping full 2.0 later this week (and updating the site accordingly).

TiddlyWiki5 and highlight.js - How to change style / theme of syntax highlighting?

I am using TiddlyWiki version 5.1.13. I have added the highlight plugin (version 5.1.13) which uses highlight.js (version 8.8.0).
In a tiddler I successfully highlight XML like this:
```xml
<html>
<body>
</body>
</html>
```
How can I change the highlight style / theme to one of highlight.js various styles? (Highlight.js styles)
When you add Highlight.js to your site's directory, it contains a directory called styles. Inside that directory you have styles for all the themes available with Highlight.js.
To switch to a different theme, simply switch this line
<link rel="stylesheet" href="/path/to/styles/default.css">
to something like this:
<link rel="stylesheet" href="/path/to/styles/pick-theme-name-here.css">
Here is the URL to the styles directory in the
highlight.js repo.
I found it useful to locate the name of the Vs 2015 theme which isn't vs-2015 but rather vs2015.
I'm importing the styles from a CDN:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/default.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.0.3/styles/vs2015.min.css">
Also, for the record, Vs 2015 is very similar to VS Code's Dark+ (default dark) theme. That's the default theme that ships with VS Code.
The MadPhysicist's answer below is not as right as it can be. I'm using the highlight.js 10.3.1 version and the style css is available only in .min on cdnjs. So you must put pick-theme-name-here.min.css and not pick-theme-name-here.js
Ex :
https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/solarized-light.css
=> 404
https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.1/styles/solarized-light.min.css
=> available

Responsive CSS not working is Ultimo Magento theme

I am facing unusual error. I am using Ultimo theme in magento but the CSS is not changing up according to device width.
Here is my website : http://www.jakartatas.net/.
I am using Magento version 1.5
I tried all the option by merging CSS, Enabled Responsive Layout. Still the problem remains.
Please Help me.
Thanks
Go to your admin->system->configuration->generat->design->themes tab and add ultimo to all field of themes like template,skin,layout,default etc and save.
add below code in "head.phtml file
<meta name="viewport" content="width=device-width" />

Sencha Touch 2 Standard Themes?

I noticed that the theme code is missing from the KitchenSink in the final version of ST2. Are there any default themes that ship with the product? Also, are there any open source themes available? I'd like to have a few themes handy for demos so I can easily switch between them.
Yes there are, if you open up senchatouch2/resources/css you've got the default sencha-touch.css and then you have apple.css, android.css, bb6.css(blackberry).
<link rel="stylesheet" href="senchatouch2/resources/css/apple.css" type="text/css" />
I think following url will help someone
http://developerextensions.com/index.php/sencha-touch-2-themes-builder
---Add the following link to your sencha-touch-2 app's html file.
---DEShowThemeBuilder(true); //function to show the theme builder
---DEShowThemeBuilder(false); //function to hide the theme builder
<script type="text/javascript" src="http://developerextensions.com/components/com_extensiondemo/views/extensiondemo/tmpl/sencha2/ux/themeBuilder/themeBuilder.js"></script>

Resources