Tooltip can be added in various ways to your project React-tooltip library a. Install the required package using npm or yarn. Open your terminal and run: npm install react-tooltip b. Create a new component for your tooltip. For example, you can create a component called CustomToolTip.js: // CustomTooltip.jsimport React from ‘react’;import ReactTooltip from ‘react-tooltip’; const… Continue reading How to add a tooltip to a component in Next.js
Author: Nifi C Joy
Deploying a Next.js to Github pages
Next.js is a React framework that lets us build React web applications through a layer of automatic configuration abstraction. It pushes the React component paradigm towards a page based structure, and is great for static and, through automatic static optimization, dynamic websites. Step 1: The Next.js project Create a Next.js project by following the instructions… Continue reading Deploying a Next.js to Github pages
Tailwind-datepicker-react component
A Tailwindcss/Flowbite datepicker component built as a React component with types based on the original datepicker from Flowbite. This component can also be used as a plugin using the Flowbite React library. The datepicker features both inline and a date range picker functionality and some extra options such as autohide, custom format, positioning, and more.… Continue reading Tailwind-datepicker-react component
Tailwind css Configuration file
The Tailwind CSS configuration file allows you to customize various aspects of the framework to suit your project’s needs. Generate a Tailwind config file for your project using the Tailwind CLI utility included when you install the tailwindcss npm package: This will create a minimal tailwind.config.js file at the root of your project: 1.Content –… Continue reading Tailwind css Configuration file
WP Import Export Lite plugin
WordPress Import Export gives you ability to export you site data into Multiple file format and you can import those file in any of your site. All type of your Posts, Pages, Custom Post Types, Taxonomies, Comments and Users import/export in just one click. WordPress Import Export Main Features Pause, Resume & Stop process for… Continue reading WP Import Export Lite plugin
Post views Counter plugin in wordpress
post views counter plugin allows you to display how many times a post, page or custom post type had been viewed in your site. Features include: Option to select post types for which post views will be counted and displayed. 3 methods of collecting post views data: PHP, Javascript and REST API for greater flexibility… Continue reading Post views Counter plugin in wordpress
How to find httpd.conf file in wordpress
In a typical WordPress installation, the httpd.conf file is not directly accessible or editable from within the WordPress dashboard. The httpd.c To find the httpd.conf file in Google Cloud Platform (GCP), you need to access your virtual machine instance and navigate to the appropriate directory. To find the httpd.conf file in GCP: Log in to… Continue reading How to find httpd.conf file in wordpress
Downloading a file on clicking on a link
HTML <a> download Attribute is used to download a file when clicking on the link (instead of navigating to the file). Example: <a href=”./completefile.pdf” download class=”download-btn”>Download eBook </a> The download attribute specifies that the target (the file specified in the href attribute) will be downloaded when a user clicks on the hyperlink. Can be used with or without a filename value: Without… Continue reading Downloading a file on clicking on a link
How to add a menu to wordpress dashboard
The add_menu_page function in WordPress is used to add a top-level menu page in the WordPress dashboard. Here’s the basic syntax of the add_menu_page function: add_menu_page( string $page_title, string $menu_title, string $capability, string $menu_slug, callable $function = ”, string $icon_url = ”, int $position = null ) Parameters in the function are: $page_title (string): The… Continue reading How to add a menu to wordpress dashboard
Adding image field in ACF plugin
To add an image field using the Advanced Custom Fields (ACF) plugin in WordPress, you can follow these steps: Make sure the ACF plugin is installed and activated on your WordPress site. In your WordPress admin dashboard, go to “Custom Fields” and click on “Add New” to create a new field group. Enter a title… Continue reading Adding image field in ACF plugin