Can I change the look of Configurable List widget?

  • Profile Image
    sportoutdoornetwork
    Asked on January 24, 2018 at 04: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
     
  • Profile Image
    Adrian
    Answered on January 24, 2018 at 09: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.

  • Profile Image
    sportoutdoornetwork
    Answered on January 24, 2018 at 09: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 :
    ...
  • Profile Image
    Adrian
    Answered 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.

  • Profile Image
    sportoutdoornetwork
    Answered on January 24, 2018 at 03: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 :
    ...