icon & iconCls in ExtJS - plugins

1-Why some component just have 'iconCls' config and do not have 'icon' config? (for example Window just have iconCls).
2- Is there any plugin for makeing icon managment more easily for Ext 4, like
Ext.ux.TDGi.iconMgr in Ext 3.
Thanks

iconCls is the preferred way to add an icon to things. Why some have both and some only have one, framework inconstancies. Ext JS 4 should be better with this.

Related

Arc menu like Pinterest (longpress and drag & drop) on flutter

I want to implement Arc Menu like Pinterest.
on iOS:
https://iosexample.com/a-beautiful-and-minimalist-arc-menu-like-the-pinterest-one-written-in-swift/
https://github.com/GnosisHub/GHContextMenu
Is there any similar package/solution on Flutter?
try these,
flutter_arc_speed_dial
awesome_speed_dial
I was also in need of this feature, so I developed a dart package for this:
It's called pie_menu and available here on pub.dev.
Please share your thoughts if you give it a try. 🥧

Icons in Leaflet tooltips

Trying to add an icon to Leaflet tooltip, but unsuccessfully - does anyone have an example?
For example, adding
layer.bindTooltip(msg+"<i class=\"fas fa-headphones\"></i>")
doesn't work
Thanks
The string you add to a tooltip can be a html string:
layer.bindTooltip("<div><span style='display:block'><strong>Custom Html with an Icon<strong></span><img src='https://pbs.twimg.com/profile_images/780792637481689088/8y-GChEY.jpg' width='30' /></div>");
But I think your problem is that your Font-Awesome style is not working. Have you added the library to your project?

Dropdown list for Insert/edit video

I am integrating TinyMCE in my CMS and want to have a feature to choose a video/audio by selecting media icon instead of typing the path in Source field.
[https://i.stack.imgur.com/1zmlD.png]
I was able to achieve this for choosing images through image_list
but, did not have luck using external_media_list_url
You are referencing documentation for TinyMCE 3.x which is no longer being updated. Your screenshot appears to be TinyMCE 4.x so you should look at the documentation for that release:
https://www.tinymce.com/docs/
There are APIs to create your own file picker for TinyMCE 4:
https://www.tinymce.com/docs/configure/file-image-upload/#file_picker_callback
...and example of that is here:
https://www.tinymce.com/docs/demo/file-picker/

Barcode Scanner add button inside scanning page

I have implemented Barcode Scanner for my Ionic project for both iOS and Android.
But when my Scanner starts, I want to add a button inside the view and add an event to it.
I am using phonegap-plugin-barcodescanner plugin
Please help me with how to append something inside the scanning view.
If you want to add stuff to the layout of your scanner, you need to write code in the plugin itself.
YOU CANNOT INTERACT DIRECTLY WITH THE SCANNER FROM THE JS.
In fact, the plugin you use uses cordova.exec in order to launch the scanner view by passing it arguments.
For Android, you just have to know Java and some XML.
For iOS, you have to know Objective-C / Swift.
For Android, you may have 4 files to modify :
plugin.xml : home of all you dependencies
Your_Activity.java : java file which permits to interact with the scanner view itself by calling buttons, textviews, layouts, etc...
Your_Main.java : java file which gets and returns parameters from the js file of your plugin
Your_Layout.xml : xml file in res/layout which is composed of xml attributes interpreted by java
Beside that, I found two good plug-ins for cordova/ionic apps from GitHub :
phonegap/phonegap-plugin-barcodescanner
tjwoon/csZBar
And there's the expensive one, Scandit, which resolves all of your problems for about 200$ per month, check the pricing for every solution they propose.
If you use their SDK, you may be able to interact with the scanner view from js files because of their work, but they're the only company I know to do that. (perhaps ManateeWorks...)
Under this part is what I've been doing since mid-July, in order to give you ideas.
I'm currently making an ANDROID scanner layout for my ionic app.
You can find my GitHub repository here, I forked it from tjwoon's csZBar and I added some stuff my ionic app needs.
I guarantee nothing, but I'm pretty sure I'll implement an iOS layout soon (at least I'll try), and unfortunately I don't really know android / iOS mobile programming.
Here's a screenshot of the layout
I made a "tab bar" composed of 3 image buttons, a "top bar" composed of text views & image buttons. The scanner is embedded between these two.
There are pop-ups for the app's features, which pause the scanner and respond to click events.
See the README and Java files (csZBar/android/) for more information.
Don't hesitate to ask questions and/or inspect my code.
Warning
1) It's currently on development so use it at your own risks (use branch master, not develop)
2) I only modified the android part, not the iOS!
3) It doesn't work for Windows phone...
After adding plugin, installngCordova with bower install ngCordova
Add link to ng-cordova.js JS file above reference to cordova.js:
index.html
<script src="lib/ngCordova/dist/ng-cordova.js"></script>
<script src="cordova.js"></script>
Also, don't forget to add ngCordova module:
app.js
angular.module('myApp', ['ngCordova'])
Now you're ready to use the plugin like this:
Controller:
var module = angular.module('starter.controllers', []);
module.controller('BarcodeCtrl', function($scope, $cordovaBarcodeScanner, $ionicPlatform) {
$ionicPlatform.ready(function(){
$scope.scan = function() {
$cordovaBarcodeScanner
.scan()
.then(function(barcodeData) {
alert(JSON.stringify(barcodeData));
}, function(error) {
alert(error);
});
};
});
});
View:
<button ng-click="scan()">Scan</button>

How to config writing direction from right to left in tinyMce with impresspages plugin

I try to update tinyMce plugin to be able writing from right to left (like Arabic,Urdu,Persian) .
So i found this code in tinyMce support
tinymce.init({
directionality : 'rtl',
});
The problem is that i don't found where i can add this lines ?
So what is the file to edit this issue
Wait for you answer ... Thank you
Here's the documentation about TinyMCE configuration in ImpressPages - http://www.impresspages.org/docs/tinymce
And example plugins to get you started - http://market.impresspages.org/plugins/?q=tinymce
Download any of it, check how it's built and change to your needs.
Yes its works, i turn it on to support right to left:
For the default settings it was just edit Ip/Internal/Core/assets/tinymce/default.js
and add : directionality : 'rtl', over ipTinyMceConfig = function ()
For update the pluging FullTinyMCE http://market.impresspages.org/plugins/FullTinyMCE
i edited the file Plugin/TinyMceComplete/assets/tinymcecomplete.js
and add this line : tinyMceDefault.directionality = 'rtl';