Bug 40794 - Add an id to the div containing payments tabs
Summary: Add an id to the div containing payments tabs
Status: Needs Signoff
Alias: None
Product: Koha
Classification: Unclassified
Component: Patrons (show other bugs)
Version: Main
Hardware: All All
: P5 - low enhancement
Assignee: Laura Escamilla
QA Contact: Testopia
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2025-09-11 14:43 UTC by Mathieu Saby
Modified: 2025-09-26 14:46 UTC (History)
3 users (show)

See Also:
GIT URL:
Initiative type: ---
Sponsorship status: ---
Crowdfunding goal: 0
Patch complexity: ---
Documentation contact:
Documentation submission:
Text to go in the release notes:
An id="account-tabs" attribute has been added to the account/payment tab navigation (Transactions, Make a payment, Create manual invoice, Create manual credit). This allows for easier customization and targeting with CSS/JS without conflicting with the global toptabs navigation.
Version(s) released in:
Circulation function:


Attachments
Bug 40794: Add id='account-tabs' wrapper to payment and account tab templates (5.04 KB, patch)
2025-09-26 14:44 UTC, Laura Escamilla
Details | Diff | Splinter Review

Note You need to log in before you can comment on or make changes to this bug.
Description Mathieu Saby 2025-09-11 14:43:31 UTC
In payment pages (pay.pl etc) there is a menu with 4 tabs (Transactions, make a payment...)

In Koha 23.11 the div for this menu had an id (toptabs). It is no more the case (I suppose this is because toptabs is now used for the general top-bar menu of Koha).

It would be nice to add a new id to this div, to help code manipulation with CSS/JS
Comment 1 Laura Escamilla 2025-09-26 14:44:41 UTC
Created attachment 186976 [details] [review]
Bug 40794: Add id='account-tabs' wrapper to payment and account tab templates

This patch adds a new id="account-tabs" to that div.

To test:

Apply the patch and restart_all. Clear browser cache if necessary.

1. Go to a patron’s accounting tab → Transactions / Make payment / Manual invoice / Manual credit.
2. Inspect the HTML for the tabs menu. The surrounding div should have both class="toptabs" and id="account-tabs".
3. Verify styling and tab functionality remain unchanged.
4. Sign off and have a great day! :D