Web Development Archives - Page 2 of 40

Defining a Component using Selector, Template, Styles in Angular

Author - Webner
|
0 Comments
|

Components

Component controls the user interface of Angular. We can make as many components according to the requirement. As Angular is a single page application, we use components instead of using multipage.

To create a component, we firstly we go into the app directory and then create a Read more…

Controlling CSS property in popup editor of Devextreme Datagrid MVC

Author - Webner
|
0 Comments
|

Introduction to Devextreme Datagrid

Devextreme Datagrid comes with different editing options like row, cell, batch, popup, etc. to insert into and update data in Datagrid. Data Grid is a perfect choice for any modern business application that provides a vast variety of capabilities including data editing and validation Read more…

Adding a custom button into Devextreme header filter popup

Author - Webner
|
0 Comments
|

How to add a custom button into Devextreme Header filter popup with clear all selection functionality?

Introduction

Devextreme is a very powerful component suite that provides the developers with many inbuilt functionalities with few lines of code. Among all these powerful features is the devextreme header Read more…

Bootstrap 4 Filters

Author - Webner
|
0 Comments
|

What is Bootstrap 4?

Bootstrap 4 provides a lot of components such as Modal, Carousal, Tooltip, etc. But bootstrap does not have a component that allows filtering. However, jQuery be used to filter/search for elements.

Filter Tables

We can easily make a searchable table with Read more…

Upgrade Mongodb Extension Version – Laravel Project

Author - Webner
|
0 Comments
|

Issue while upgrading Mongodb extension version:

I have upgraded laravel version from 5.7 to laravel version 6.5. Now, I’m getting mongodb extension version error while updating composer. Error given below:

ERROR: jenssegers/mongodb v3.6.0 requires mongodb/mongodb ^1.4 -> satisfiable by mongodb Read more…

Adding days to date type in Javascript – Another solution

Author - Webner
|
0 Comments
|

I have already written a blog on this topic. Please refer to the following link for detail: Click This Link

Introduction

I will show another solution to add a number of days to a date string. The solution provided in the above link works well and gives an Read more…

How to pass dynamic data to all views in Laravel

Author - Webner
|
0 Comments
|

ISSUE:

Sometimes there is a requirement, in which we need to show some dynamic data in the sidebar of every view.

SOLUTIONS:

The above scenario can be achieved using various techniques in Laravel, which are listed below –

We can pass the sample data array on every Read more…

Cell Editable On Cell Double Click – DevExtreme DataGrid

Author - Webner
|
0 Comments
|

How to make cell editable on cell double click in DevExtreme DataGrid

DevExtreme DataGrid

The DevExtreme provide lots of UI feature with the help of which we can enhance the UI of our Application.

In this example, how to make cell editable on cell double click Read more…

Image Compression in Laravel

Author - Webner
|
0 Comments
|

Steps to follow:

Install the Intervention image package first in your project

composer require intervention/image
If you want to check official documentation of intervention image you can check it from here-
http://image.intervention.io/getting_started/installation

Inside the config/app.php-

In Read more…

Laravel: Prevent the browser back button to access pages after logout

Author - Webner
|
0 Comments
|

Introduction

When we create a web project in laravel, even after logging out of the project, clicking on the browser back button usually takes us back to the previous page we opened when we were logged in. This is a very big security issue that can arise in Read more…

Spread Operator and It’s Uses

Author - Webner
|
0 Comments
|

Introduction

The Spread operator was first introduced in ES6. It allows an expression to be expanded in locations where various elements/variables/arguments are required. In other words, the Spread operator lets users expand an iterable like a string, object or array into its elements while the Rest Read more…

PHP: Handle broken image links on a page

Author - Webner
|
0 Comments
|

Broken image link issue

While creating a website or any project, we usually need to add some images to it. Suppose we have a Laravel project where we are showing some images from s3 or somewhere else.

We may include the image in HTML tag like this below Read more…

Routing In Angular

Author - Monika Dhiman
|
0 Comments
|

Introduction to Angular

Angular is a front-end framework that is used for building client-side web applications for the mobile and desktop web and Routing is one of the important features for any front-end framework.

Angular Router

It enables developers to build a Single Read more…

Inheritance and Access Modifiers in C#

Author - Webner
|
0 Comments
|

In Inheritance, an object acquires all the properties and behaviours of its parent object automatically. It allows reusability of the code and we can even extend or modify the behaviours which are defined in other class.

Base and Derived Classes

We can derive a class from more than Read more…

Bootstrap 4 Progress Bars

Author - Ishpreet Kaur
|
0 Comments
|

Usage of Progress Bar

Progress bars are used to display the progress of a process in a computer, update/progress of a task or action of a user. For example:

Survey or Voting results are filled with the bars in a percentage format.

Progress of uploading a file Read more…

The Importance of Website Development

Author - Yonark Bajaj
|
0 Comments
|

Introduction

Possessing various adaptability skills and the ability to change with circumstances is the forte of human beings. The transformation from interpersonal communications to internet communications was not abrupt. However, we have successfully managed to adapt the digital life with creativity. Just like social life, the internet has Read more…

JS Errors On Android Browser

Author - Babita Kapoor
|
0 Comments
|

How to view JS errors when accessing a webpage on Android mobile?

Steps to view JS errors:

Open the Developer Options setting on your Android Device. If you are not able to see the developer option then you need to enable it.

a. Go to your Read more…

Chrome: Emails removal issue from Outlook after drag and drop

Author - Nipun Negi
|
0 Comments
|

Emails removal issue from Outlook after drag and drop operation in Chrome

The latest versions of Microsoft Edge and Chrome incorporates the ability to drag and drop an email directly from Outlook into the browser without the need of any third-party plugins like Outlook2Web. The feature to Read more…

Introduction to socket.io using node.js (Websockets)

Author - Mukesh Godara
|
0 Comments
|

What are WebSockets & how are they different from traditional HTTP/HTTPS protocols?

In conventional HTTP protocols, a client(a web browser) sends an HTTP request to a server and a TCP connection is been made & as soon as the client gets server response, the TCP connection will be Read more…

Reactive Form In Angular

Author - Monika Dhiman
|
0 Comments
|

In Angular there are two ways to work with forms:

Template-driven forms:

Template-driven forms are the default way to work with forms in Angular which is used as an internal representation of the form.

Reactive forms:

Reactive forms allow us to build Read more…