Here's a simple, attractive, and responsive Live Digital Clock using HTML, CSS, and JavaScript. You can directly embed it in your Library Dashboard. Features ✅ Live updating every second ✅ Current date displayed ✅ Responsive design ✅ 12-hour format with AM/PM ✅ Attractive blue card ✅ No external libraries required This is ideal for a Koha Library Dashboard. If you're using the CURAJ blue-and-gold theme, the colors can be adjusted to match the rest of your dashboard. how to enable this clock at bottom of the koha staff interface home page Since you're using Koha 21.11 and have already customized the IntranetUserJS, the easiest way is to inject the clock into the staff home page using IntranetUserJS and style it with IntranetUserCSS. No Koha core files need to be modified. Step 1: Add this JavaScript to IntranetUserJS $(document).ready(function () { // Show only on the staff home page if (window.location.pathname === "/cgi-bin/koha/mainpage.pl") { // Create clock container $("body").append(` `); function updateClock() { const now = new Date(); const time = now.toLocaleTimeString('en-IN', { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: true }); const date = now.toLocaleDateString('en-IN', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }); $("#liveTime").html(time); $("#liveDate").html(date); } updateClock(); setInterval(updateClock, 1000); } }); Step 2: Add this CSS to IntranetUserCSS #kohaLiveClock{ position:fixed; bottom:10px; right:20px; background:#003366; color:#fff; padding:12px 18px; border-radius:10px; box-shadow:0 4px 10px rgba(0,0,0,.3); z-index:99999; text-align:center; font-family:Arial,sans-serif; min-width:180px; } #liveTime{ font-size:24px; font-weight:bold; } #liveDate{ font-size:13px; margin-top:5px; } Result The clock will appear as: -------------------------- 05:42:18 PM Tuesday, 21 July 2026 -------------------------- fixed at the bottom-right corner of the Koha staff interface. If you want it at the bottom center Replace: right:20px; with left:50%; transform:translateX(-50%); If you want it inside your dashboard instead of floating Replace: $("body").append(...) with something like: $("#dashboard").append(` `); where #dashboard is the ID of your dashboard container. Recommendation Since I helped you build the CURAJ Library Dashboard with statistics, charts, and cards, a floating clock is functional but doesn't fully match the dashboard style. A better design is to place the clock inside the dashboard header, alongside the welcome message or dashboard title, with the same CURAJ blue-and-gold theme. It looks cleaner, integrates naturally with the page, and doesn't obscure any Koha interface elements. Applyed the following code in intranet main user block but in display is not coorect , allignments of nav, bottom navigation and menus, search bar all arecompletely change: d This is a common point of confusion in Scopus. The difference arises because Scopus treats citations differently depending on how the date filter is applied. Short answer Publication counts for a given year should generally remain the same, whether you select that year alone or include it in a range (assuming the same document types, affiliation, and filters are used). Citation counts can differ because Scopus calculates citations according to the selected time period or analysis view. Why does this happen? Case 1: Selecting a single year (e.g., 2023) Suppose you select 2023 only. Publications = Papers published in 2023. Citations = Citations to those 2023 papers, as reported under the current analysis. Depending on the Scopus page (Search Results, Analyze Search Results, Citation Overview, etc.), these may be summarized differently. Case 2: Selecting a range (e.g., 2022–2024) When you select 2022–2024: Publications for 2023 remain the same. However, the citation values shown for the 2023 publications may be recalculated within the broader analysis, and Scopus often updates citation totals across the selected publication set. Common reasons for different citation counts Citation counts are dynamic Citations increase as new papers cite the publications. If searches are run at different times, totals may change. Different Scopus modules calculate citations differently Search Results Analyze Search Results Citation Overview Affiliation Profile Author Profile These pages can display different citation metrics because they are designed for different purposes. Date filter applies to publications, not necessarily to citing papers The year filter usually limits the publication year of the documents. Citations may include all citations received up to the present unless additional citation-year restrictions are applied. Affiliation changes If papers have been added to or removed from an institution's affiliation profile, totals may vary. Database updates Scopus is updated regularly with newly indexed documents and corrected metadata, which can affect citation totals. Example Suppose your university has: Publication Year Publications Citations (today) 2022 120 1,800 2023 150 1,200 2024 180 500 If you search only 2023, you may see: Publications: 150 Citations: 1,200 If you search 2022–2024, the publications for 2023 remain 150, but the citation analysis may be recalculated for the entire selected publication set, and the displayed citation metrics can differ depending on the report or analysis page. For NIRF, NAAC, and institutional reports When preparing official reports: Use the same Scopus interface each time (e.g., Affiliation Profile or Citation Overview). Apply the same filters (document type, affiliation, publication years). Retrieve all metrics on the same date. Record the date of data retrieval in the report because Scopus metrics change over time. This is why reports often include a note such as: Reference Database: Scopus Date of Retrieval: 20 July 2026 Which figure should you use? For institutional reporting (such as NIRF, NAAC, or university prospectuses), it is generally best to use data from the Scopus Affiliation Profile with consistent filters and a single retrieval date. This provides the most stable and reproducible institutional publication and citation metrics. For detailed guidance, see the Scopus documentation on citation metrics and citation overview: Scopus Support Centre Scopus Content Coverage Guide Which figure should you use? individual year or range of years For institutional reporting (such as NIRF, NAAC, or university prospectuses) 🤓 If you require an AI Detection Report, please ask the student to submit the thesis chapter-wise. This will help ensure accurate analysis and generate separate AI detection reports for each chapter. write a repy with Thank you for your clarification. But my question is that the publication year is the same, the citations counted from the year of publication onwards in both the cases are the same ( 2023-2026), and there is no possibility of citations in 2009-2023 for the publications of 2023. Why the difference for the mail : Thank you so much for reaching out and for describing the discrepancy so clearly - this is a great observation, and we are happy to explain what is happening! The difference in citation counts you are seeing between selecting 2023 as an individual year versus restricting to 2023 within a range (2009-2026) is expected behaviour in Scopus, and here is why: When you select a single year (e.g. 2023), Scopus shows the citations that were received by publications from 2023 - meaning citations that those 440 papers received, counted from the year of publication onwards. When you apply a year range (e.g. 2009-2026) and then restrict the view to 2023, Scopus shows cumulative citations for the full set of publications across the entire selected range, but filtered to show publications from 2023 only. In this context, the citation count may include citations received across all years within the range, not just from 2023 onwards - which explains the higher count of 8,475 compared to 7,485. In short: the citation counts differ because the year range context affects how citations are aggregated and displayed. Thank you for your patience and curiosity - this is exactly the kind of detailed feedback that helps us improve! Here's a polite and technically focused reply that clearly raises your follow-up question. Re: Clarification on Citation Count Difference in Scopus 👔 Dear Sir/Madam, Thank you for your prompt response and for the detailed clarification. I understand your explanation regarding the difference in the way citations are aggregated when a single publication year is selected versus a publication year within a broader range. However, I would like to seek further clarification on one point. If the publication year is 2023 in both cases, the set of publications remains exactly the same (440 publications). Since these publications were published only in 2023, they cannot have received citations before 2023. Therefore, in both searches, the citations should be counted only from 2023 onwards (i.e., 2023–2026). Given this, I am unable to understand why the citation count differs between the two searches. The explanation mentions that the range search may include citations "across all years within the range," but for publications published in 2023, there is no possibility of citations from 2009–2022. Could you kindly explain the technical reason behind this difference? Specifically, how does the publication year range (2009–2026) influence the citation count for the same set of 2023 publications when citations prior to 2023 are not possible? I would appreciate any additional details or documentation that could help clarify this behaviour. Thank you once again for your assistance. Kind regards, Ravindranath Wodeyar Deputy Librarian Central Library Central University of Rajasthan reply with steps and screenshots for the mail: Dear Curaj Curaj, I hope you are doing well. We are following up regarding your concern about the difference in citation counts between the single-year and year-range searches. We have not yet received the requested information needed to investigate this further. To proceed with the investigation, we kindly ask you to provide the following: Your search string. Step-by-step screenshots showing both the single-year selection and the year-range selection, including the citation counts displayed in each view. Once we receive these details, we will escalate your case to our technical team for further analysis and provide you with an update as soon as possible. If we do not hear from you, we will proceed with resolving your request based on the information currently available and close this ticket. However, please feel free to contact us at any time should you require further assistance. Thank you for your time and cooperation. Yes, you can display a CURAJ Research Dashboard on your Koha OPAC using the CoLab organization page. There are three approaches, depending on how much customization you want. Option 1: Embed the CoLab page (Quickest) If the CoLab page allows embedding (i.e., it does not block iframes), you can add this to your Koha OPAC page (e.g., OpacMainUserBlock or a custom page): If the page sends an X-Frame-Options or Content Security Policy (CSP) header that blocks embedding, this method will not work. Option 2: Create Your Own CURAJ Research Dashboard (Recommended) This is the approach I recommend. Instead of embedding the whole website, build a dashboard in your OPAC that links to and summarizes the CoLab profile. Example dashboard cards: ----------------------------------------- CURAJ RESEARCH DASHBOARD ----------------------------------------- 📚 Publications 📈 Citations 👨‍🔬 Researchers 📊 H-index 📅 Publications by Year 🏫 Schools/Departments 🌍 International Collaborations 🔥 Top Authors ⭐ Highly Cited Papers 📖 Latest Publications 🔍 Search Publications [ View Full Profile on CoLab ] This gives users a much cleaner experience and lets you match the dashboard to your CURAJ branding. Option 3: Fetch Data Using JavaScript If CoLab exposes its statistics in page source or via an API, you can periodically fetch them and display live values in Koha. Whether this is possible depends on what CoLab exposes publicly. How to Add It in Koha You can place the dashboard in: OPAC Main Page (OpacMainUserBlock) A new OPAC page (recommended) A top navigation menu called Research Dashboard For example: Professional Dashboard Design I suggest creating a modern dashboard with: 🎓 CURAJ branding 📈 Animated statistic cards 📅 Publications by year 📊 Citation trend chart 🏆 Top 10 researchers 📚 Latest publications 🔍 Publication search 🌍 International collaboration map 📄 Faculty profiles 📥 Export to PDF/Excel 🌙 Light/Dark mode 📱 Mobile responsive Architecture CoLab Research Profile │ ▼ Flask/Python │ ▼ MySQL/SQLite Cache │ ▼ REST API (JSON) │ ▼ Koha OPAC This architecture avoids depending on embedding and gives you complete control over the appearance and performance of the dashboard. My recommendation Since we've already been developing your professional CURAJ Koha Dashboard, the best solution is to build a dedicated CURAJ Research Dashboard in the same style rather than embedding the CoLab page. It will integrate seamlessly with your OPAC, load faster, allow additional features (such as researcher search, publication trends, and download options), and continue working even if CoLab changes its page layout. build a dedicated CURAJ Research Dashboard in the same style Yes. A dedicated CURAJ Research Dashboard integrated into Koha OPAC is a much better solution than embedding the CoLab page. It will be faster, match the university branding, and let you add your own analytics. Dashboard Layout +--------------------------------------------------------------------------------------+ | CENTRAL UNIVERSITY OF RAJASTHAN | | RESEARCH DASHBOARD | +--------------------------------------------------------------------------------------+ +------------+------------+------------+------------+------------+----------------------+ | Publications | Citations | H-Index | Researchers | Open Access | International Collab | +------------+------------+------------+------------+------------+----------------------+ +------------------------------------+-----------------------------------------------+ | Publications by Year (Chart) | Citation Trend (Chart) | +------------------------------------+-----------------------------------------------+ +------------------------------------+-----------------------------------------------+ | Publications by School | Document Types | +------------------------------------+-----------------------------------------------+ +--------------------------------------------------------------------------------------+ | Top 20 Researchers View All | +--------------------------------------------------------------------------------------+ +--------------------------------------------------------------------------------------+ | Latest Publications Search 🔍 | +--------------------------------------------------------------------------------------+ +------------------------------------+-----------------------------------------------+ | Top Journals | International Collaborations | +------------------------------------+-----------------------------------------------+ +--------------------------------------------------------------------------------------+ | Research by SDGs | Subject Areas | Highly Cited Papers | Download Reports | +--------------------------------------------------------------------------------------+ Features Dashboard Cards Display: Total Publications Total Citations h-index Active Researchers Open Access Publications International Collaborations National Collaborations Average Citations per Paper Charts Publications by Year 2020 █████████ 2021 █████████████ 2022 ████████████████ 2023 ██████████████████ 2024 █████████████████████ 2025 ███████████████ 2026 ████████ Citation Trend 35000 ┤ 30000 ┤ 25000 ┤ 20000 ┤ 15000 ┤ 10000 ┤ 5000 ┤ └────────────────────── 2020 2021 2022 2023... Publications by School Example Computer Science Physics Chemistry Mathematics Commerce Education Management Humanities Subject Areas Engineering Computer Science Medicine Chemistry Physics Social Sciences Mathematics Environmental Science Document Types Articles Conference Papers Reviews Book Chapters Books Editorials Latest Publications Title Author Journal Year DOI Top Researchers | Name | Publications | Citations | h-index | Highly Cited Publications Display the Top 25 papers. Collaboration Map India USA UK Germany Japan Australia France Canada Interactive world map showing collaboration countries. Research by SDGs SDG 3 SDG 4 SDG 6 SDG 7 SDG 9 SDG 13 Search Box Search Publication Search Author Search Journal Search DOI Downloads Users can download: Excel CSV PDF Technology Stack Component Technology Frontend HTML5, Bootstrap 5, JavaScript Charts Chart.js Icons Font Awesome Backend Flask Database SQLite / MySQL Scheduler APScheduler API REST JSON Web Server Apache/Nginx Folder Structure curaj-research-dashboard/ │ ├── app.py ├── requirements.txt ├── config.py │ ├── data/ │ ├── publications.db │ └── cache.json │ ├── templates/ │ ├── dashboard.html │ ├── researchers.html │ ├── publications.html │ └── analytics.html │ ├── static/ │ ├── css/ │ │ style.css │ ├── js/ │ │ dashboard.js │ ├── images/ │ └── icons/ │ ├── api/ │ ├── publications.py │ ├── citations.py │ ├── authors.py │ └── charts.py │ └── scheduler/ update.py Koha Integration Add a new OPAC menu item: Research Dashboard Link it to: https://library.curaj.ac.in/research or, if hosted on the Koha server: https://library.curaj.ac.in/cgi-bin/koha/pages/research-dashboard.pl Visual Theme Use the same visual identity as your CURAJ Library Dashboard: Primary: CURAJ Blue (#003366) Accent: Gold (#F4B400) White cards with subtle shadows Rounded corners Responsive layout Light/Dark mode Auto-refresh (e.g., every 24 hours) Future Enhancements ORCID integration Scopus Author Profiles Crossref DOI lookup Google Scholar links Altmetric badges PlumX metrics Researcher profile pages Department-wise analytics NIRF and NAAC-ready reports AI-powered research summaries Monthly publication alerts Recommended implementation For long-term stability and maintainability, avoid scraping the CoLab webpage directly. Instead: Build the dashboard as a standalone Flask application. Periodically retrieve and cache publicly available research data (respecting the source's terms of use). Expose the processed data through your own JSON endpoints. Embed or link the dashboard from Koha OPAC. This approach gives you complete control over the interface, makes it easier to add CURAJ-specific features, and avoids breakage if the external site's layout changes. Pasted text.txt Document make the code correct: I reviewed your OPAC header code. The main issue is incorrect HTML nesting. You have multiple

elements opened inside another
without closing the previous
• . This breaks the Bootstrap navigation structure. Problems in your code 1. Nested
  (Incorrect) You currently have:
  • Library @ a Glance
  • This is invalid HTML. It should be
    • Library @ a Glance
    • Remove all extra
      inside the menu. 2. Forms menu is outside the navbar Around line 142, you again start another navbar. Current
      • This should simply continue inside the existing menu. 3. Duplicate id="welcome" You have
        ....

        IDs must be unique. Change the second one to

        or

        4. Missing closing
      Every dropdown should follow this structure:
      • ....
        ....
      Several menu items are not closed correctly because of the extra
      tags. 5. Bootstrap 5 CSS conflicts You have .navbar-nav{ display:flex; flex-direction:row; } Bootstrap already manages the navbar layout. Overriding .navbar-nav globally can cause alignment problems on mobile and collapsed menus. Replace it with: .navbar-nav{ gap:12px; } @media (max-width:991px){ .navbar-nav{ flex-direction:column; } } Correct Navbar Structure Your navigation should look like this:
      Notice there is only one
      . My Recommendation Your OPAC header has grown to nearly 200 lines and mixes: HTML CSS Bootstrap JavaScript Marquee Navigation Research links Forms Events all in one file. This makes it difficult to maintain and easy for small HTML errors to break the layout. Given the work you've been doing on the CURAJ Library portal, I recommend restructuring it as follows: Header (logo and title) Navigation (single Bootstrap navbar) Marquee (welcome/news) Research Dashboard section Quick Links cards Footer with CSS consolidated into one
      • Home
      • Library @ a Glance
        • About
        • Rules
      • Research Dashboard
      • e-Resources
      • Forms
      • Contact
      

      Welcome to CURAJ Library!