Can I change the look of Configurable List widget?

  • sportoutdoornetwork
    Asked on January 24, 2018 at 4:07 AM
    Hi,
    I am using this widget and each entry will have about 10 fields => widht is too large.
    How can I put fields in 2 or 3 rows?
     
    Also,
    can I put control on text, to force it to be a valid url ?
     
     
    Tks
     
    Jotform Thread 1360053 Screenshot
  • Adrian
    Replied on January 24, 2018 at 9:08 AM

    Please give us the URL of the form where you are using the widget.

    Maybe we can help you with some custom CSS.


    You can read more about the widget here:

    How to Set Up the Configurable List Widget


    The URL Validation is available if you use a Short Text Entry element. It is not possible to add such validation to a text field in the widget.

  • sportoutdoornetwork
    Replied on January 24, 2018 at 9:43 AM
    Hi,
    tks.
    this is the url https://eu.jotform.com/build/73513525563355
    shall I add some one as collaborator ?
    Tks very much
    *Antonio Masucci*
    [m] + 39 333 3632366
    [e] antonio@sportoutdoornetwork.it
    [w] www.sportoutdoornetwork.it
    [skype] sportoutdoornetwork
    [linkedin] it.linkedin.com/in/antoniomasucci
    *Comunicazione Riservata e Confidenziale*: le informazioni contenute in
    questo messaggio sono esclusivamente per i destinatari sopra menzionati.
    Ai sensi del D.Lgs 196/03, qualsiasi modifica, inoltro, diffusione o altro
    utilizzo sono vietati senza un consenso scritto.
    Se lei non è fra i destinatari del presente messaggio è pregato di
    comunicarlo tempestivamente e di cancellarlo. Grazie.
    *Personal and Confidential Message*: information contained in this message
    is intended only for the recipients above.
    Any use, dissemination and reproduction without prior written consent is
    prohibited.
    If you are not in the intended recipients list, please notify us
    immediately and delete this message. Thank You.
    2018-01-24 15:08 GMT+01:00 JotForm :
    ...
  • Adrian
    Replied on January 24, 2018 at 11:36 AM

    I have added this Custom CSS to your Widget:


    #list th {

     display: none;

    }               

    #list td {

        display: table-row;

    }

    #list td:before {

        font-weight: bold;

        color: white;

        display: block;

        margin-top: 15px;

    } 

    #list td.col1:before {

        content: 'URL:';

    }

    #list td.col2:before {

        content: 'Target Sport:';

    }

    #list td.col3:before {

        content: 'Target Country:';

    }

    #list td.col4:before {

        content: 'Page Views/Month (approx):';

    }

    #list td.col2:before {

        content: 'Target Sport:';

    }

    #list td.col5:before {

        content: 'Display Advertising';

    }

    #list td.col6:before {

        content: 'Native:';

    }

    #list td.col7:before {

        content: 'Other Formats?';

    }


    Now each item displays in its own row and won't overflow.

  • sportoutdoornetwork
    Replied on January 24, 2018 at 3:43 PM
    TKS!!!!
    *Antonio Masucci*
    [m] + 39 333 3632366
    [e] antonio@sportoutdoornetwork.it
    [w] www.sportoutdoornetwork.it
    [skype] sportoutdoornetwork
    [linkedin] it.linkedin.com/in/antoniomasucci
    *Comunicazione Riservata e Confidenziale*: le informazioni contenute in
    questo messaggio sono esclusivamente per i destinatari sopra menzionati.
    Ai sensi del D.Lgs 196/03, qualsiasi modifica, inoltro, diffusione o altro
    utilizzo sono vietati senza un consenso scritto.
    Se lei non è fra i destinatari del presente messaggio è pregato di
    comunicarlo tempestivamente e di cancellarlo. Grazie.
    *Personal and Confidential Message*: information contained in this message
    is intended only for the recipients above.
    Any use, dissemination and reproduction without prior written consent is
    prohibited.
    If you are not in the intended recipients list, please notify us
    immediately and delete this message. Thank You.
    2018-01-24 17:36 GMT+01:00 JotForm :
    ...