Show the word "available" but not the quantity with Gift Registry widget

  • Profile Image
    stormingrobots
    Asked on June 5, 2026 at 11:23 AM

    Hello,

    I'd like to hide the # of items available, but not the fact that they are available with the Gift Registry widget. Is that possible? So I want the word, "available" to still show up next to the item; however, I don't want the number to show up.


    Show the word available but not the quantity with Gift Registry widget Image 1 Screenshot 20

  • Profile Image
    Podo: Support Specialist
    Replied on June 5, 2026 at 11:23 AM

    Hi stormingrobots,

    Thanks for reaching out to Jotform Support. I'm an AI assistant here to assist you.

    Let me help you with that:

    With the Gift Registry widget itself, there is no built-in setting to hide only the number and keep the word "Available". The widget lets you:

    • Define items and their quantities using curly brackets (for example, Item A {10} or {unlimited}).
    • Set options like Max Selection, Counter Label, Unlimited Label, and None Available text.

    However, the available options do not include a toggle to hide just the numeric quantity while still showing the counter label text.

    If you specifically need to hide the number but keep a label such as "Available", the closest alternative in the current feature set is to use the Inventory widget, which has a Hide Quantity option. But in that widget, when you set Hide Quantity to Yes, it hides both the number and the counter label, so it does not match your requirement either.

    Because of this, what you want to achieve (showing only the word "Available" without the number) is not directly supported by the current Gift Registry or Inventory widget settings. The Gift Registry widget does allow custom CSS injection for styling, but there is no documented method in the available information that targets and removes only the numeric part while leaving the label text visible.

    Given the current options, there is no supported way to configure the widget to display only the word "Available" and hide the quantity number.

    Let us know if you have any other questions.

  • Profile Image
    stormingrobots
    Replied on June 5, 2026 at 12:37 PM

    however, I think we can use dynamic content insertion, right? ... something like:

    1) it is doable not to display the availability - https://www.jotform.com/answers/22227511-how-to-hide-the-unlimited-text-in-the-quantity-gift-registry-widget

    2) But just to show "Available".. can't I use some kind of dynamic content insertion?

      display: block;
      content: "Available";


  • Profile Image
    Mikhail JotForm Support
    Replied on June 5, 2026 at 1:17 PM

    Hi stormingrobots,

    You can easily remove the quantity in the Gift Registry Widget by Injecting CSS Codes into your form. Let me walk you through it:

    1. First, copy this code:

    /* Hide the native text container number completely */
    .items-left {
        font-size: 0 !important;
        visibility: hidden;
    }

    /* Show "Available" when there is stock */
    .items-left::after {
        content: "Available" !important;
        font-size: 12px !important;
        visibility: visible !important;
        font-style: italic !important;
        color: #4b8434 !important; /* Green text */
        font-weight: 700 !important;
        margin-left: -55px;
    }

    /*Change the word and color when sold out */
    .disabled .items-left::after,
    [data-amount="0"] .items-left::after {
        content: "Class Full" !important; /* Dynamically swaps the text */
        color: #cc0000 !important;       /* Shifts color to warning Red */
        font-style: normal !important;
    }

    2. Open your form in Form Builder, scroll down, and select the Line Checkbox widget.

    3. Click on the Wand icon on the right side of the widget to open Widget Settings.

    4. Under the Custom CSS tab, paste the code into the CSS Code box. Show the word available but not the quantity with Gift Registry widget Image 1 Screenshot 20

    Give it a try and let us know how it goes.

  • Profile Image
    stormingrobots
    Replied on June 5, 2026 at 1:45 PM

    Thank you, this worked.

Your Reply