question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Software Template Array Form Missing Styling

See original GitHub issue

Originally part of #7090

Expected Behavior

The UI should be styled like the other form elements.

Current Behavior

Consider the following software template:

apiVersion: backstage.io/v1beta2
kind: Template
metadata:
  name: add-addon
  title: Addon
  description: Add addon
spec:
  owner: users
  type: website

  parameters:
    - title: Values
      properties:
       should-be-list:
          title: This is a title and is huge
          description: "this is a description you can't see"
          type: array
          items:
            type: string
  steps:
    - id: fetch-repo
      name: Fetch repo
      action: fetch:plain
      input:
        url: 'https://github.com/asummers/backstage/tree/master'

    - id: fetch-template
      name: Fetch Template
      action: fetch:template
      input:
        url: ./template2
        values:
          list: '{{parameters.should-be-list}}'

    - id: publish
      name: Publish
      action: publish:github:pull-request
      input:
        repoUrl: 'github.com?owner=asummers&repo=backstage'
        title: 'feat: Add addon'
        branchName: 'add-addon'
        description: |
          Add addon

  output:
    links:
      - url: '{{steps.publish.output.remoteUrl}}'
        text: 'Go to PR'

Styling wise, we have a few issues with the form that gets created. Screen Shot 2021-09-07 at 10 07 10 AM Screen Shot 2021-09-07 at 10 07 22 AM Screen Shot 2021-09-07 at 10 29 27 AM

Possible Solution

Fix CSS for form.

Steps to Reproduce

See ## Current Behavior

Your Environment

  • NodeJS Version (v12): 14
  • Operating System and Version (e.g. Ubuntu 14.04): Ubuntu 18.04
  • Browser Information: Chrome

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
Rugvipcommented, Oct 15, 2021

I’d expect this issue to live somewhere in between our custom MUI theme and the RJSF MUI theme. We use the MUI theme from @rjsf/material-ui over here, and I’d guess that it might not work flawlessly with our other MUI theme overrides over here. If that’s the case then the thing to determine is what the fix is and where it should go

0reactions
github-actions[bot]commented, Sep 15, 2022

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Software Template Array Inputs Not Working As Expected #7090
This means that the array is being converted to a string somewhere under the hood, which results in arrays disappearing. Possible Solution. Fix ......
Read more >
Client Side Templates - Alpha Anywhere Documentation
Client-side Template Syntax · The Scope Placeholder · The Value Placeholder · Handling Missing Data · Headers and Footers · Empty Arrays ·...
Read more >
Templates - MoodleDocs
This section documents some coding style guidelines to follow when writing templates. The reason for these guidelines is to promote consistency, ...
Read more >
How To Style React Components | DigitalOcean
In this tutorial, you'll learn three different ways to style React components: plain Cascading Style Sheets (CSS), inline styles with ...
Read more >
Angular Forms and Validations
We created this angular forms tutorial to help you learn everything about Angular forms validations in angular apps. These angular forms ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found