How to remove the number indicator on Ticket purchases widget?

  • Profile Image
    grade4pagasa
    Asked on August 11, 2016 at 01:39 PM
    2.) And how to remove the numeric indicator (1) but still make the word "available" visible if the widget is made to behave like a radio button? 
  • Profile Image
    Kiran
    Answered on August 11, 2016 at 01:59 PM

    You may inject the following CSS code to the Custom CSS code of the widget.

    .items-left {

        visibility: hidden;

        position: relative;

    }

    .items-left:after {

        visibility: visible;

        position: absolute;

        top: 0;

        left: 0;

        float: right;

        content: "Available";

    }

    This should be replacing the text displayed with the content mentioned in the code.

    Hope this information helps! 

  • Profile Image
    grade4pagasa
    Answered on August 11, 2016 at 02:14 PM

    Much appreciated, Kiran !

  • Profile Image
    grade4pagasa
    Answered on August 11, 2016 at 02:28 PM

    I spoke too soon :(

    Hi Kiran. 

    The css code created an unfavorable outcome - the status of all the tickets, even the 0 items - are still "Available". Here's the test form.

    How can I remedy this? 

    Thanks. 

  • Profile Image
    Kiran
    Answered on August 11, 2016 at 02:46 PM

    Ah! Yes. I am sorry for that. Since I worked on a new cloned form it has all the items available and worked on it only. Please change the injected CSS code with the below code:

    .text-muted .items-left {

        visibility: hidden;

        position: relative;

    }

    .text-muted .items-left:after {

        visibility: visible;

        position: absolute;

        top: 0;

        left: 0;

        float: right;

        content: "None";

    }

    .items-left {

        visibility: hidden;

        position: relative;

    }

    .items-left:after {

        visibility: visible;

        position: absolute;

        top: 0;

        left: 0;

        float: right;

        content: "Available";

    }

    This should be displaying the unavailable items with the text None.

    Hope this information helps! 

  • Profile Image
    grade4pagasa
    Answered on August 11, 2016 at 03:02 PM

    Thank you !