Web Development

Drag and Drop in Jquery UI

Author - Harpal Singh
|
0 Comments
|

Drag and Drop in Jquery UI

Problem: Jquery UI provides APIs to make DOM elements draggable and droppable. We can do some things out of the box by using its APIs. I have written a Jquery code below in which a dragging div can Read more…

Allow the Cross Origin Request (CORS)

Author - Maniraj Singh
|
0 Comments
|

Cross Origin issue is resolved by adding header(“Access-Control-Allow-Origin: http://yoursite.com”); to allow the particular origin or we can also allow all the origin by replacing the path to *.

For Cake php header is defined in file public/index.php.

Code:

header(“Access-Control Read more…

Creating a Lightning Custom Page/App

Author - Harinder Jakhar
|
0 Comments
|

We can access different features of Salesforce on a single page by building a custom Lightning App:

1. Multiple features of salesforce on one page
2. Custom homepage
3. Edit layout of objects like adding tabs, flows, hierarchy etc.

Steps to Create a custom page or app Read more…

Introducing WordPress versions 4.9.4 and 4.9.5

Author - Sukhpreet Singh
|
0 Comments
|

WordPress Version 4.9.5

WordPress 4.9.5 is released on 3rd April 2018. This version is released to fix the security issues. There were three major security issues which are solved by the WordPress community in this version:

1. Don’t treat Read more…

How to animate objects using @keyframes CSS3 rules

Author - Kuldeep Singh
|
0 Comments
|

CSS3 provides us a way to animate our objects using @keyframes css rule. In the below example we will animate a spinner using @keyframes rule.

Steps:

1.  Create an html page and add below HTML5 section element to it:

<section class Read more…

Some Simple and Advanced Features of jQuery Datatable

Author - Ishpreet Kaur
|
0 Comments
|

In this blog, I am going to share some simple and advanced features of jQuery datatable. These are:

1. Custom table message in case no records exist.
2. Set Default records length.
3. Set search filter by default.
4. InitComplete parameter of datatable.
5. Change css dynamically when data loaded Read more…

Sort list 1 by sorting 2nd list using Jquery UI sortable

Author - Harpal Singh
|
0 Comments
|

How to sort the 1st list of HTML elements by sorting the 2nd list of HTML elements using Jquery UI sortable?

Problem: I am creating two HTML lists using Div elements in my project and I want to change the position of elements in the first list on Read more…

Node.js introduction and configure a test project in Eclipse

Author - Preeti Bisht
|
0 Comments
|

Node.js is an open-source, cross-platform runtime environment used for development of server side applications and networking applications.

Basic features of Node.js are :

1. Most of its modules are written in JavaScript.
2. It is mostly used in real time server applications as it is Read more…

GrapesJS – Storing HTML on server side

Author - Webner
|
0 Comments
|

In GrapeJS to save html code of document in database use your own save function (like saveContent() in this example) inside editor’s ‘storage:store’ event method.

Example:

editor.on(‘storage:store’, function(e) {
saveContent(); //your method where you store html content of document in DB using ajax
})

Here is Read more…

Handling browser back or forward button clicks for ajax content

Author - Harleen Kaur
|
0 Comments
|

In Jquery / Javascript how to handle updates for partial (nested) web page view Inside a single View on browser back, forward & refresh button events? Or simply put how to handle browser back or forward button clicks for content displayed dynamically or with ajax calls?

Suppose when we want to Read more…

Recreate graphic animations on Jquery datatable refresh

Author - Parminder Kaur
|
0 Comments
|

When we refresh Jquery datatables (like through sorting or searching) the graphic animations like progress circle-bars etc do not redraw correctly. The distorted images appear instead of graphics.

This is how progress circles look initially:

On sorting/searching the dataTable, the progress circle is not redrawn correctly, like in Read more…

Cloudfront cache issues when content updates to new version

Author - Webner
|
0 Comments
|

Problem: Cloudfront caches most of the objects and it becomes a problem when content updates to a new version of the origin server. CloudFront doesn’t retrieve the latest version of objects instantly from the origin server, it generally takes 24 – 48 hrs to recache the same object Read more…

Preserving Local Storage Data Across DataTable Pages In Javascript

Author - Mamta Sharma
|
0 Comments
|

When we write data in local storage it is not kept between dataTable pages. It will overwrite the old data with a new one on each page, means your previous data will be lost on a new dataTable page.

The reason is, on each page new values will be Read more…

Jquery Datatable Callbacks

Author - Pawandeep Kaur
|
0 Comments
|

Jquery data table callbacks are used when you want to perform some action on a certain event in the data table. For eg. when you want to modify a particular row or cell every time the table is redrawn.

List of Datatable Callbacks

createdRow

When

element is created then this Read more…

Adding a custom widget in wordpress wp-admin dashboard

Author - Mamta Sharma
|
0 Comments
|

How to add a custom widget in wordpress wp-admin dashboard? In following screenshot those boxes in red need to show custom widgets. How to accomplish it:

For adding the custom widget in wordpress admin you have to add this code in your plugin’s main file:

add_action(‘wp_dashboard_setup’, custom_wordpress_widget Read more…

Cross Domain XMLHttpRequest problem and some solutions

Author - Neelam Thakur
|
0 Comments
|

Cross-domain request: Cross-domain request is requesting the content from another host. When we request to a third party site to get content that is called cross-domain request. By default XMLHttpRequest (XHR) request allows transferring data only if both parties have the same Origin value (protocol Read more…

Schedule CSV Import from Google Drive to ZOHO reports

Author - Komal Dhiman

Zoho reports have the feature to import data into a table from cloud storage like Google Drive. We can also schedule the import at a specific interval.

Here in the example below, we are importing the data from Google Drive. To achieve this, we need to follow these simple steps Read more…

Send email using html template in Laravel

Author - Dalbir Kaur
|
0 Comments
|

Laravel provides us a facility to send email with custom html template. In order to achieve it, kindly follow the steps below:

1.  Open your mail.php file from config folder and add these details:

2.  After that open your gmail account and go to My Account -&gt Read more…

Adding Image Upload feature in GrapesJS editor

Author - Umang Pasricha
|
0 Comments
|

In GrapesJS, there is an ‘image’ block which we can drag and drop on the canvas but it only allows us to specify URL of the image to add to Asset Manager. Then we can embed that image in the document from Asset Manager by double-clicking. What if we Read more…

Preserving checkbox state in Jquery datatable with pagination

Author - Pawandeep Kaur
|
0 Comments
|

Problem:Let us assume you have many records in Jquery data table with multiple pages. You have rows with checkboxes. Now, If you want to select checkboxes from different pages of the data table and submit the page it will only provide us selected checkboxes of the currently displayed Read more…

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 Next page ›
Send your message