Skip to main content

Tutorial

WordPress Fix Admin Bar Not Showing in Custom Theme

Submitted by admin on Tue, 03/28/2023 - 14:44

If you have developed a custom WordPress theme and admin tool bar is not showing. But admin toolbar is being displayed in other WordPress themes, this means there is some issue in your custom WordPress theme. This can be easily fixed.

Make sure to integrate footer template

Make sure to include footer.php file in your templates files. Use below code to incude footer.php in your template file.

Drupal Theme Screenshot

Submitted by admin on Wed, 08/17/2022 - 17:21

How to create Drupal theme screenshot

By default, Drupal will look for the file named screenshot.png in the root of the theme folder and use that as the theme image on the Appearance page.

You do not need to define it anywhere. just create and place screenshot.png in root of the theme folder.

Recommended size of screenshot

The recommended size of screenshot.png image is 480px X 360px

Show Hide Password in React Js

Submitted by admin on Tue, 08/16/2022 - 09:09
You might have seen on many websites, that password fields has a nice icon to show / hide password. In this react js tutorial, we are going to build a password form field with option to show and hide password.

Step 1: Create a password field with eye icon

Create a simple password input field. Add an icon to toggle password visibility. I have used two icons for this: eye.svg and eye-off.svg
You can find these icons in the source code at GitHub (Link is at the bottom).

How To Create Related Posts in Drupal 8, 9 and 10

Submitted by admin on Sat, 07/30/2022 - 23:06

In this drupal tutorial we will learn how to show related articles / posts on a Drupal 8, 9 and 10 website. We will not use any additional module for this. We will only use view module, which is a Drupal core module. Related posts will be posts from the same category.

The related posts are designed to be placed below the main article. Your site visitors might be interested in reading these related posts.

Simple JavaScript Counter

Submitted by admin on Mon, 06/06/2022 - 21:38

In this JavaScript tutorial we will create a simple counter with few buttons. On clicking the buttons, the value of counter will increase or decrease.

Create Counter with Few Buttons

Below code will create a region where the counter value will be displayed. And 4 buttons that will call a JavaScript function on click. On clicking these buttons the value of counter will increase or decrease.
We will also create a reset button.

Subscribe to Tutorial