Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Its possible to change the style #6

Open
mfandre opened this issue Oct 5, 2018 · 8 comments
Open

Its possible to change the style #6

mfandre opened this issue Oct 5, 2018 · 8 comments
Assignees
Milestone

Comments

@mfandre
Copy link

mfandre commented Oct 5, 2018

How I can change the color or increase the button sizes?

@lassana
Copy link
Owner

lassana commented Oct 7, 2018

2.1.0-pre1 supports color styling. Unfortunately, there is no ability to change button sizes atm.

UPD: You can try Scale property, but I'm not sure if it works.

@mfandre
Copy link
Author

mfandre commented Oct 7, 2018

@lassana The scale worked... But I want more control like:

  • Rowspacing
  • Colspacing
  • Button Circle or Square
  • Text Size

At this version its possible to change the border size of the rounded buttons?

@lassana lassana self-assigned this Oct 8, 2018
@lassana lassana added this to the 2.1.0 milestone Oct 8, 2018
@mfandre
Copy link
Author

mfandre commented Oct 8, 2018

Button background and border (size) are good too.

@lassana
Copy link
Owner

lassana commented Oct 8, 2018

Thanks, I put it into the TODO list

@shuklajay
Copy link

@lassana The scale worked... But I want more control like:

* Rowspacing

* Colspacing

* Button Circle or Square

* Text Size

At this version its possible to change the border size of the rounded buttons?

@mfandre may know how you implemented scale

@mfandre
Copy link
Author

mfandre commented Oct 22, 2018

@shuklajay at your XAML set the scale attribute (1 is the normal size, 2 is two times bigger...)

<pin:PinView
                    BackgroundColor="Transparent"
                    HorizontalOptions="CenterAndExpand"
                    VerticalOptions="CenterAndExpand"
                    PinLength="{Binding PinLength}"
                    Validator="{Binding ValidatorFunc}"
                    ClearAfterSuccess="false"
                    Success="Handle_Success"
                    ErrorCommand="{Binding ErrorCommand}"
                    SuccessCommand="{Binding SuccessCommand}" 
                    x:Name="pinView"
                    Color="{Binding TextColor}"
                    BorderColor="{Binding BorderColor}"
                    RippleColor="{Binding RippleColor}"
                    **Scale="{Binding Scale}"**
                    />

@mfandre
Copy link
Author

mfandre commented Dec 20, 2018

Any news?

@lassana
Copy link
Owner

lassana commented Dec 21, 2018

Sorry, I've been busy with my work in the past weeks. Changing button size is quite simple actually: all you need is to make these properties settable from outside and use them in the renderer instead of hard-coded values. Button color can be set in the renderer (it requires to declare a new bindable property to make it configurable from cross-platform code).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants