Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Is there a way to hide empty group header? #32

Closed
yunwwang opened this issue Apr 9, 2020 · 1 comment
Closed

Is there a way to hide empty group header? #32

yunwwang opened this issue Apr 9, 2020 · 1 comment

Comments

@yunwwang
Copy link

yunwwang commented Apr 9, 2020

I created a horizontal layout using gtable. Here is the sample Questionnaire

{
  "resourceType": "Questionnaire",
  "id": "VentilatorsProgress",
  "status": "draft",
  "item": [
    {
      "linkId": "1",
      "text": "Patient Information",
      "type": "group",
      "item": [
        {
          "extension": [
            {
              "url": "http://hl7.org/fhir/StructureDefinition/questionnaire-itemControl",
              "valueCodeableConcept": {
                "coding": [
                  {
                    "system": "http://hl7.org/fhir/questionnaire-item-control",
                    "code": "gtable"
                  }
                ]
              }
            }
          ],
          "linkId": "1a",
          "type": "group",
          "item": [
            {
              "linkId": "1.1",
              "text": "Last Name",
              "type": "string",
              "required": true
            },
            {
              "linkId": "1.2",
              "text": "First Name",
              "type": "string",
              "required": true
            },
            {
              "linkId": "1.3",
              "text": "Middle Initial",
              "type": "string",
              "required": true
            }
          ]
        }
      ]
    }
  ]
}

The display is almost correct, except the blank title bar for item "1a" (the blue area between Patient Information and the table header)
image
Is it possible to hide title bar for group item without text (pure group)?

@plynchnlm
Copy link
Member

plynchnlm commented Apr 9, 2020

It is not clear to me whether we should always hide empty group titles. However, if in your case you always have this situation for horizontal tables, you add the following CSS to the page (which will hide all the horizontal table titles):

.lf-form-horizontal-table-title.lf-de-label {
    display: none;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants