Question Regarding Padding

classic Classic list List threaded Threaded
6 messages Options
Reply | Threaded
Open this post in threaded view
|

Question Regarding Padding

Oscar
Hi all,

I am trying to add padding to a button on a from. Can this be accomplished?

The butoon defaults to the top of the row. I would like to add padding to center the button both on height and width. Is this something that could be done?


I have attached a screenshot of the current button position

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/orbeon/894bf221-7e34-4988-9aa3-d49cbb3ad31b%40googlegroups.com.
Reply | Threaded
Open this post in threaded view
|

Re: Question Regarding Padding

Alessandro  Vernet
Administrator
Hi Oscar,

I'd recommend you do this in CSS. Hopefully you have someone in-house who is
familiar with CSS (or maybe you are a CSS wiz yourself), and that can do
this. To setup your own CSS for your forms, see:

https://doc.orbeon.com/form-runner/styling/css

You'll let me know if this works for you!

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/orbeon/1589515626480-0.post%40n4.nabble.com.
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Question Regarding Padding

Oscar
Alex,

Thank you for the information.

I have a question regarding the example of the strength rule.

This is the example on the website:

.orbeon .fr-grid .my-class .xforms-input-input {
    ...rule...
}

Is the .my-class section the class specified under the control's settings for custom CSS class?

If so would the following control be:

.orbeon .fr-grid .button xfoms-Clickbutton{
rule
}


Her are the control settings:

Thank you for your help!

Regards,
Oscar



On Thursday, May 14, 2020 at 9:07:09 PM UTC-7, Alessandro Vernet wrote:
Hi Oscar,

I'd recommend you do this in CSS. Hopefully you have someone in-house who is
familiar with CSS (or maybe you are a CSS wiz yourself), and that can do
this. To setup your own CSS for your forms, see:

<a href="https://doc.orbeon.com/form-runner/styling/css" target="_blank" rel="nofollow" onmousedown="this.href=&#39;https://www.google.com/url?q\x3dhttps%3A%2F%2Fdoc.orbeon.com%2Fform-runner%2Fstyling%2Fcss\x26sa\x3dD\x26sntz\x3d1\x26usg\x3dAFQjCNFpCZdMiZS7tfIxXnS780ie4pS2NA&#39;;return true;" onclick="this.href=&#39;https://www.google.com/url?q\x3dhttps%3A%2F%2Fdoc.orbeon.com%2Fform-runner%2Fstyling%2Fcss\x26sa\x3dD\x26sntz\x3d1\x26usg\x3dAFQjCNFpCZdMiZS7tfIxXnS780ie4pS2NA&#39;;return true;">https://doc.orbeon.com/form-runner/styling/css

You'll let me know if this works for you!

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: <a href="http://discuss.orbeon.com/" target="_blank" rel="nofollow" onmousedown="this.href=&#39;http://www.google.com/url?q\x3dhttp%3A%2F%2Fdiscuss.orbeon.com%2F\x26sa\x3dD\x26sntz\x3d1\x26usg\x3dAFQjCNF5V5zfD-87RVoalaG4cqO_RzdDcA&#39;;return true;" onclick="this.href=&#39;http://www.google.com/url?q\x3dhttp%3A%2F%2Fdiscuss.orbeon.com%2F\x26sa\x3dD\x26sntz\x3d1\x26usg\x3dAFQjCNF5V5zfD-87RVoalaG4cqO_RzdDcA&#39;;return true;">http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/orbeon/2d6e5193-b12f-482f-a630-159a2aec3950%40googlegroups.com.
Reply | Threaded
Open this post in threaded view
|

Re: Question Regarding Padding

Alessandro  Vernet
Administrator
Hi Oscar,

You mention the following selector: `.orbeon .fr-grid .button
xfoms-Clickbutton`. Here, `button` is the class name you specified for that
control in the Control Settings dialog, so that part is correct. However,
`xfoms-Clickbutton` isn't correct; there will be no such class in the DOM.
Instead of trying to predict and visualize what the DOM looks like, I highly
recommend you just look at it with Dev Tools. And there you can also see if
your CSS works, and change it live to get the effect you need. I hope this,
or rather the Dev Tools, helps!

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/orbeon/1589608715620-0.post%40n4.nabble.com.
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
Reply | Threaded
Open this post in threaded view
|

Re: Question Regarding Padding

Oscar
Thanks Alex.

This helped a lot!

Regards,

Oscar

On Friday, May 15, 2020 at 10:58:38 PM UTC-7, Alessandro Vernet wrote:
Hi Oscar,

You mention the following selector: `.orbeon .fr-grid .button
xfoms-Clickbutton`. Here, `button` is the class name you specified for that
control in the Control Settings dialog, so that part is correct. However,
`xfoms-Clickbutton` isn't correct; there will be no such class in the DOM.
Instead of trying to predict and visualize what the DOM looks like, I highly
recommend you just look at it with Dev Tools. And there you can also see if
your CSS works, and change it live to get the effect you need. I hope this,
or rather the Dev Tools, helps!

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: <a href="http://discuss.orbeon.com/" target="_blank" rel="nofollow" onmousedown="this.href=&#39;http://www.google.com/url?q\x3dhttp%3A%2F%2Fdiscuss.orbeon.com%2F\x26sa\x3dD\x26sntz\x3d1\x26usg\x3dAFQjCNF5V5zfD-87RVoalaG4cqO_RzdDcA&#39;;return true;" onclick="this.href=&#39;http://www.google.com/url?q\x3dhttp%3A%2F%2Fdiscuss.orbeon.com%2F\x26sa\x3dD\x26sntz\x3d1\x26usg\x3dAFQjCNF5V5zfD-87RVoalaG4cqO_RzdDcA&#39;;return true;">http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/orbeon/0f1e5987-d88c-439e-85f8-2726a72d6750%40googlegroups.com.
Reply | Threaded
Open this post in threaded view
|

Re: Question Regarding Padding

Alessandro  Vernet
Administrator
Excellent Oscar; I'm glad you made good progress on that CSS.

‑Alex

-----
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet
--
Sent from: http://discuss.orbeon.com/

--
You received this message because you are subscribed to the Google Groups "Orbeon Forms" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [hidden email].
To view this discussion on the web visit https://groups.google.com/d/msgid/orbeon/1590081394157-0.post%40n4.nabble.com.
--
Follow Orbeon on Twitter: @orbeon
Follow me on Twitter: @avernet