Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Issues
Issues

Troubleshooting Missing Radio Buttons in Webflow Form Import

Avatar of Chris H.Chris H.
路

Hi all! I have imported a form from relume into webflow, and radio buttons does not show when it is selected. Where do i locate the issue? Note: I have imported the relume template and style guides. But some styles seems to have been duplicated in the paste operation.

11 comments

  • Avatar of Matt J.
    Matt J.
    路

    Chris H. Would you mind sending a read-only link?

  • Avatar of Chris H.
    Chris H.
    路

    Hey Matt. Sorry for the late response and thank you for reaching out! Here is the link. It is very much under construction :) https://preview.webflow.com/preview/lokalkapital-jaren?utm_medium=preview_link&utm_sou[鈥97bdc13f5a&pageId=6793899ad4c247e12e4829b4&workflow=preview

  • Avatar of Chris H.
    Chris H.
    路

    Btw. there is another issue I have not looked into, but relume provides an arrow icon for the dropdown, and also webflow doubles it with their own default.

  • Avatar of Matt J.
    Matt J.
    路

    Chris H. yeah the webflow default dropdown arrow should go away on publish.

  • Avatar of Matt J.
    Matt J.
    路

    Looking into the other issue now

  • Avatar of Matt J.
    Matt J.
    路

    Chris H. you mind sending me the published URL as well?

  • Avatar of Matt J.
    Matt J.
    路

    I'm pretty sure these radio buttons will work fine on the published URL

  • Avatar of Chris H.
    Chris H.
    路

    Great! The radio buttons work as expected. But the dropdown is not so fine. Here is the test-page: https://lokalkapital-jaren.webflow.io/kontakt I can see there are some conflicts with the styles regarding the form outlines, but I can manage/style those.

  • Avatar of Matt J.
    Matt J.
    路

    Chris H. yeah it looks like you may have retrofitted the style guide into this project instead of simply cloning the webflow style guide. It looks like the custom code that we would have in this style guide is not in there. Being that you are what appears to be early into the project, I would highly recommend cloning the style guide and starting over which I'm sure is not what you want to hear but you'll run into quite a few issues if you don't. Way more headache than starting over. It also appears as though the "Global Styles" component has been deleted as well which has a whole other set of custom CSS as well. Here is the custom CSS that should be in the <head> in Webflow site settings > custom code

    <!-- Keep this css code to improve the font quality-->
    <style>
      * {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      -o-font-smoothing: antialiased;
      -webkit-appearance:none;
    }
    </style>
  • Avatar of Chris H.
    Chris H.
    路

    Yeah! I tried to avoid that matter since this project is an old one, but needs to be updated little by little. Then again its not a big project, so maybe I'll take your word and redo everything. Thank you for helping out.

  • Avatar of Matt J.
    Matt J.
    路

    Yeah got it. Yeah variables and pasting in future components will become a real hassle.