HTML Canvas shadowBlur Property

Arjun Thakur
Updated on 12-Jun-2020 08:56:26

215 Views

The shadowBlur property of the HTML canvas is used to set the blur level for shadows. The default value is 0. The element allows you to draw graphics on a web page using JavaScript. Every canvas has two elements that describes the height and width of the canvas i.e. height and width respectively.Following is the syntax −ctx.shadowBlur=num;Above, the num represents the blur level for the shadow.Let us now see an example to implement the shadowBlur property of canvas −Example Live Demo    var c = document.getElementById("newCanvas");    var ctx = c.getContext("2d");    ctx.shadowBlur = 20; ... Read More

Use Multiple JavaScript Libraries with jQuery

Amit D
Updated on 12-Jun-2020 08:56:18

446 Views

jQuery.noConflict() method allows you to use multiple frameworks, while using jQuery. Other JavaScript frameworks include Ember, Angular, Backbone, etc.The $ sign is used for jQuery, but what if other frameworks also use the same $ sign; this may create issues and conflict. To avoid this, jQuery issued the noConflict() method. The method releases the $ sign to be used my other JavaScript frameworks. Use jQuery with the name, jQuery.You can try to run the following code to learn how to use multiple JavaScript libraries along with jQuery −    var $x = jQuery.noConflict();    // ... Read More

Bootstrap Grid System Usage

Chandu yadav
Updated on 12-Jun-2020 08:55:16

146 Views

Bootstrap Grid System provides the following strategy for structuring content on a web page −ContentDetermine what is most important. LayoutDesign to smaller widths first.Base CSS address mobile device first; media queries address for tablet, desktops.Progressive EnhancementAdd elements as screen size increases.

Create a Custom jQuery Plugin

Amit D
Updated on 12-Jun-2020 08:54:35

634 Views

To create a jQuery plugin, firstly create a file named jquery-myplugin.js with the following code. This is our plugin code. Here, myplugin is the name of our plugin.(function ( $ ) {    $.fn.myplugin = function( options ) {       var web = $.extend({          name: 'tutorialspoint'       }, options );       return this.append('Website: ' + web.name + '.com');    }; }( jQuery ));Now, to load it, add to the HTML file, new.html: $(document).ready(function() {    $('#myclass').myplugin(); }); Run the above code and you can see the text is visible, which shows your custom plugin is working correctly.

Select Cut Field Value of SAP Tables Using JCo

Anil SAP Gupta
Updated on 12-Jun-2020 08:52:47

301 Views

If you are using FM RFC_READ_TABLE, it is not achievable. In order to read SAP tables or views, SAP RFC_READ_TABLE is used.You can probably write a different Function Module to perform this. Also refer this SAP Note link: Function module RFC_READ_TABLESAP Note

Remove Extra White Space Between Details Sections in SAP Crystal Reports

Anil SAP Gupta
Updated on 12-Jun-2020 08:51:50

1K+ Views

I think this can be resolved by navigating to Format Editor tab. You have to check "Can Grow", and deselect the Keep Object together in the subreport as shown in below.

Animate Transform Property with CSS Animation

Nancy Den
Updated on 12-Jun-2020 08:50:49

214 Views

To implement animation on transform property with CSS, you can try to run the following code −ExampleLive Demo                    div {             margin: auto;             border: 2px solid blue;             width: 300px;             height: 400px;             background-color: orange;             animation: myanim 3s;          }          @keyframes myanim {             30% {                transform: rotate(120deg);             }          }                                    Demo          

Animate CSS Word Spacing Property

Ankith Reddy
Updated on 12-Jun-2020 08:50:20

154 Views

To implement animation on the word-spacing property with CSS, you can try to run the following code −ExampleLive Demo                    div {             border: 2px solid blue;             background: orange;             animation: myanim 3s infinite;          }          @keyframes myanim {             50% {                word-spacing: 30px;             }         ... Read More

Using Filter to Fetch Specific Data in SAP Crystal Reports

Anil SAP Gupta
Updated on 12-Jun-2020 08:49:04

466 Views

I think you need to setup filtering in Record Selection formula. Navigate to this path to open Record Selection Formula:Report → Selection Formula → RecordThis will open a new window where you can pass your condition and rerun the report.To know more about Record Selection Formula, you can refer this link:1217147 - Crystal Reports Record Selection Formula change order when modifying it via the Select Expert.SAP Knowledge Base 1217147

Animate CSS Text Decoration Color Property

Nishtha Thakur
Updated on 12-Jun-2020 08:48:01

251 Views

To implement animation on text-decoration property with CSS, you can try to run the following code −ExampleLive Demo                    #demo {             position: absolute;             right: 0;             width: 300px;             height: 200px;             background-color: blue;             text-decoration: underline;             animation: myanim 3s infinite;          }          @keyframes myanim {             30% {                right: 350px;                text-decoration-color: orange;             }          }                     CSS text-decoration-color property                This is demo text.          

Advertisements