Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › General Discussions › smart form control without text box

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 30, 2023 at 11:04 pm #104326
    jqwidgetsdev
    Participant

    Hi,

    I was wondering in a smart form how to have a control that shows 1) a label and 2) contents directly below it, *without* the text box?

    The snippet below for some reason also shows the text box. I don’t want the datafield value to be editable.

     controls: [
{
label: "Uptime",
dataField: "uptime",
},

    Thanks.

    January 31, 2023 at 7:12 am #104329
    svetoslav_borislavov
    Participant

    Hi,

    You can do the following to display a label with the value
    {
    label: “Uptime”,
    dataField: “uptime”,
    controlType: ‘template’,
    }

     

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

    January 31, 2023 at 6:39 pm #104330
    jqwidgetsdev
    Participant

    Thanks Svetoslav, your suggestion worked like a charm.

    Best regards.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.