How to make components relative-center.

[bosconovitchi]

I read the CSS Positioning Classes.
Here fixed-center and absolute-center ,but why has not relative-center.
I need it.how to resolve it,pls.

[s.molinari]

What is it you are trying to accomplish. There is most likely a way to do it. We just need to know what you want to get done.

Scott

[bosconovitchi]

@s-molinari
I want the upload button’s position in it’s parentnode’s center

        <q-card-actions>
          <q-uploader multiple="true" url="url" />
        </q-card-actions>

I tried set the position relative,but can’t make it center.

[s.molinari]

Well. Ok. I don’t know how that would work myself. There are other “containers” holding that button in place. I personally don’t think that would make for an aesthetically pleasing UI to be honest. The only thing I can can suggest is controlling the width of the uploader itself, so the two buttons (together) are more towards the middle.

https://jsfiddle.net/smolinari/wx2v6fcd/

If someone else better at CSS can show bosconovitchi a solution, thanks in advance.

Scott

[bosconovitchi]

@s-molinari
Thanks a lot ,and what mean of Scott,May i use that to reply.

[s.molinari]

Scott is my first name.

Scott

[bosconovitchi]

@s-molinari
I see

[metalsadman]

try this:

<q-card class="row">
  <q-card-main class="col-12">
    <div class="row">
      <div class="col offset-sm-3 col-sm-6">
        <q-uploader color="tertiary" inverted stack-label="Stack Label" url="url" />
      </div>    
    </div>    
  </q-card-main>
</q-card>

https://quasar-framework.org/components/flex-css.html

[s.molinari]

@metalsadman - That’s not quite what he was asking for, but still looks good.

Scott