No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    No circle to check QRadio

    Help
    1
    3
    208
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Coude last edited by

      Hi,

      I am using latest version of quasar with vue-cli.
      Trying to add some radio group, it does not work : the circle area to check the radio is not showing (see below).
      Screenshot_2020-02-03.png

      When I look the code in my browser (firefox) I have that:

      <div tabindex="0" class="q-radio cursor-pointer no-outline row inline no-wrap items-center">
        <div class="q-radio__inner relative-position no-pointer-events q-radio__inner--active">
           <input type="radio" class="q-radio__native q-ma-none q-pa-none invisible">
           <div class="q-radio__bg absolute"><div class="q-radio__outer-circle absolute-full"></div>
           <div class="q-radio__inner-circle absolute-full"></div>
         </div>
      </div>
      <div class="q-radio__label q-anchor--skip">Line</div></div>
      

      while when I look to the code in the quasar documentation the “q-radio__inner-circle” div is not there, replaced by the svg of the circle. So, the issue must be that the svg is not generated, any ideas why?

      Thanks a lot 🙂 .

      1 Reply Last reply Reply Quote 0
      • C
        Coude last edited by

        Ahhh, I just tried to build (“npm run build” instead of “npm run serve”) my app, and then I can see the circles of the radios. Is there some tweaks to generate the svgs even in development mode?
        Thanks.

        1 Reply Last reply Reply Quote 0
        • C
          Coude last edited by

          I do not know what was changed, but since I updated to the 1.9.1 version, the circles get shown even in development mode. Thanks.

          1 Reply Last reply Reply Quote 0
          • First post
            Last post