Fusion charts Compatible with Mobile - fusioncharts

I am working with FusioChartsXT Trial Version.I am using this version for rendering charts in my cshtml pages.It is working fine .But showing a water mark as "Fusion Chart XT trial" below all charts.It is using single JavaScript file for rendering charts.. I am sharing code.
In my Layout page
<script src="~/Scripts/js/fusioncharts.js"></script>
<script src="~/Scripts/js/themes/fusioncharts.theme.zune.js"></script>
****In My View Page****
var dashboardChart = new FusionCharts({
type: chartType,
renderAt: "chartContainer",
width: chartWidth + 'px',
height: "350",
dataFormat: "xml",
dataSource: $('#xmlDoc').val()
,
"events": {
"renderComplete": function (eventObj, argsObj) {
loadResult();
}
}
}
But our company already had fusion chart license. It is 3.2.2.2.It is using in old project which not required in mobile devices
How I can use to my current development?

If You are using the Trial version the watermark is intended. And can not be removed by changing the code snippet you shared. If you have prior license files you need to replace your FusionCharts specific files with those old files and check whether they serve the purpose.
If not, you need to get in touch with FusionCharts, and buy / upgrade your license.
Hope this helps.

worked for me in FusionCharts version 3.11.3
add this css
[class*="creditgroup"]{
display: none;
}

Related

Tinymce UI issues and version

I have just started with Tinymce and am trying to build rich text editor on my web page using self-hosted package. After integration, setting the Theme to Advanced and Plugin to autoresize, I see the editor as -
Tinymce editor on web page (UI editor options looks distorted and not properly formatted)
I was expecting it to be something similar to what I see on Tinymce docs -
Tinymce editor on docs
Is this a Tinymce version specific or browser related issue? I tried downloading the latest version 5.8.2 (Development & Production), however the Themes I see are Silver & Mobile while it should be Simple & Advanced as I see in the official Tinymce documentations.
Also if I try to add multiple Plugins or Themes to my deployment as guided here, it doesn't reflect on my web page.
These is how I have initialized my Tinymce -
<script type="text/javascript" src="jscripts/tiny_mce/tiny_mce.js"></script>
<script>
$(document).ready(function(){
if ($("#Test").length) {
tinyMCE.init({
// General options
mode : "exact",
elements : "Test",
theme : "advanced",
width : 800,
plugins : "autoresize",
content_style: " div, p { font-size: 14px; }"
});
}
});
</script>
It looks like you are using version 3 of TinyMCE (9+ years old). Upgrade to version 5 and it should be a lot better.

Using ag-grid-commiunity, ag-grid-enterprise create tables

I installed the ag-grid enterprise (i have the license also). But the table doesn't come with proper styles. it also changed the other tables(without created the enterprise) styles also. I tried it in different versions of ag-grid, ag-grid-angular, ag-grid-community, ag-grid-enterprise. but I got the same issue.
I tried the latest version(22.0.0) of these modules.
"ag-grid": "^18.1.3",
"ag-grid-angular": "^22.0.0",
"ag-grid-community": "^22.0.0",
"ag-grid-enterprise": "^22.0.0", Then then the project didn't load and nothing was shown in the browser.
I tried it in different versions of ag-grid, ag-grid-angular, ag-grid-community, ag-grid-enterprise. Then the project loaded. But didn't get the proper styles.
Why this happens and what versions should I uses to get the right versions?.
enter image description here
use next versions
"ag-grid-angular": "^21.2.2",
"ag-grid-community": "^21.2.2",
"ag-grid-enterprise": "^21.2.2",
Here you can find step-by-step instructions:
https://stackoverflow.com/a/59197319/9200941
dont forget import ag-Grid styles - in styles.scss
and add class to grid
<ag-grid-angular
style="width: 100%; height: 100%;"
class="ag-theme-balham"
in my project I use next import in styles.scss
#import "~ag-grid-community/dist/styles/ag-grid.css";
#import "~ag-grid-community/dist/styles/ag-theme-balham.css";
I recommend not use "ag-grid-enterprise": "^21.2.2" for now, it has some issue with EnterpriseCoreModule, use follow that i write above - it is stable versions

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>

smartface.io WebView does not let me load a local html file

I'm tearing my hair out. The Smartface Webview does not work with local files. Doing this for Smartface, IOS iphone 6.
I followed the instructions online for creating a webview by calling a simple hello world html file. However, when calling an actual url (like www.google.com), it works just fine. Help!
Code Snippet:
webviewMain = new SMF.UI.WebView({
top: "0%",
left: "0%",
width:"100%",
height:"87%",
URL: "hello.html"
});
There was a known issue about user created html's in webview. It is already fixed for the new version of Smartface(4.5.0). It will be released in two or three days at most.

Google Chart API breaking out of container on iPhone

I'm developing a mobile site using Google's chart API. Everything is working beautifully and scaling like it should on other tested devices, but for some reason, Google's "table" chart is breaking out of its container when viewed on the iPhone. It looks fine on a shrunk browser window, an Android tablet, and on a Galaxy SII. I have confirmed that it is not an issue with mobile Safari.
Chart is loaded via an iFrame and is scaled to fit width: 100% of its container, which is Dreamweaver "Fluid Grid Layout -- Gridcontainer" element. Both a column chart and a line chart both scale properly to 100%, but the table grows to fit all content and then breaks out of the gridcontainer.
On other devices, the grid displays what it can within the boundaries and adds scrolling.
This is the php/html code that draws the chart to the page.
<div id="top-prods" class="chart" style="width: 100%; height: 500px;">
<?php
if($charts->isData() == "true"){
echo "<iframe id=\"top-chart\" src=\"controls/charts/top_prods.php?loc=".$loc."&comp=".$company_id;
if($xDate != "") {echo "&xDate=".$xDate;}
if($yDate != "") {echo "&yDate=".$xDate;}
echo "\" style=\"width:100%;\" scrolling=\"no\"></iframe>";
}
?>
The only css is defined on the Gridcontainer, since the iFrame SHOULD just resize to fit within the container.
Any help would be greatly appreciated.
Looks like you're having a similar problem as this: Responsive iframe (google maps) and weird resizing
The CSS in the first Answer looks like it could be easily ported over.