how to put constant height for my signature pad irrespective of orientation?





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







1















In a xamarin app, i have created a signature pad , and i have kept margin like



i want to keep a permanent heigh for the signature area irrespective of device and orientation,



i am not xamarin developer, And i dont have idea about xaml, still I tried Margin="200,200,200,200" , but it behaves weirdly when i change orientation.



in ipad in landscape mode the area is not at all visible.



<?xml version="1.0" encoding="utf-8"?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:signaturePad="clr-namespace:Acr.XamForms.SignaturePad;assembly=Acr.XamForms.SignaturePad"
x:Class="watebook.Clients.Mobile.Views.CaptureSignature"
BackgroundColor="{StaticResource PageBackgroundColor}">

<AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<StackLayout AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
<ContentView Style="{StaticResource PageHeaderBodySeparator}" />
<signaturePad:SignaturePadView
Margin="200,200,200,200"
VerticalOptions="FillAndExpand"
HorizontalOptions="FillAndExpand"
x:Name="padView"
BackgroundColor="{StaticResource SignaturePadBackgroundColor}"
CaptionText="Please sign here"
CaptionTextColor="{StaticResource SignaturePadCaptionTextColor}"
PromptText="."
SignatureLineColor="{StaticResource SignaturePadSignatureLineColor}"
StrokeColor="{StaticResource SignaturePadSignatureStrokeColor}"
StrokeWidth="2"
ClearText="" />
<Button Text="SAVE SIGNATURE" Clicked="Button_OnClicked" BackgroundColor="#ffd300" TextColor="Black" x:Name="SaveButton" BorderColor="Black" Margin="0,10,0,300" />
</StackLayout>
<ContentView Style="{StaticResource ProcessIndicatorContentViewStyle}" x:Name="ActivityCameraIndicators" IsVisible="False" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
<Label Style="{x:StaticResource ProcessIndicatorLabelStyle}" Text="Processing" x:Name="ActivityIndicatorLable" />
</ContentView>
</AbsoluteLayout>
</ContentPage>


How to keep a permanent height for my signature pad?










share|improve this question





























    1















    In a xamarin app, i have created a signature pad , and i have kept margin like



    i want to keep a permanent heigh for the signature area irrespective of device and orientation,



    i am not xamarin developer, And i dont have idea about xaml, still I tried Margin="200,200,200,200" , but it behaves weirdly when i change orientation.



    in ipad in landscape mode the area is not at all visible.



    <?xml version="1.0" encoding="utf-8"?>
    <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:signaturePad="clr-namespace:Acr.XamForms.SignaturePad;assembly=Acr.XamForms.SignaturePad"
    x:Class="watebook.Clients.Mobile.Views.CaptureSignature"
    BackgroundColor="{StaticResource PageBackgroundColor}">

    <AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
    <StackLayout AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
    <ContentView Style="{StaticResource PageHeaderBodySeparator}" />
    <signaturePad:SignaturePadView
    Margin="200,200,200,200"
    VerticalOptions="FillAndExpand"
    HorizontalOptions="FillAndExpand"
    x:Name="padView"
    BackgroundColor="{StaticResource SignaturePadBackgroundColor}"
    CaptionText="Please sign here"
    CaptionTextColor="{StaticResource SignaturePadCaptionTextColor}"
    PromptText="."
    SignatureLineColor="{StaticResource SignaturePadSignatureLineColor}"
    StrokeColor="{StaticResource SignaturePadSignatureStrokeColor}"
    StrokeWidth="2"
    ClearText="" />
    <Button Text="SAVE SIGNATURE" Clicked="Button_OnClicked" BackgroundColor="#ffd300" TextColor="Black" x:Name="SaveButton" BorderColor="Black" Margin="0,10,0,300" />
    </StackLayout>
    <ContentView Style="{StaticResource ProcessIndicatorContentViewStyle}" x:Name="ActivityCameraIndicators" IsVisible="False" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
    <Label Style="{x:StaticResource ProcessIndicatorLabelStyle}" Text="Processing" x:Name="ActivityIndicatorLable" />
    </ContentView>
    </AbsoluteLayout>
    </ContentPage>


    How to keep a permanent height for my signature pad?










    share|improve this question

























      1












      1








      1








      In a xamarin app, i have created a signature pad , and i have kept margin like



      i want to keep a permanent heigh for the signature area irrespective of device and orientation,



      i am not xamarin developer, And i dont have idea about xaml, still I tried Margin="200,200,200,200" , but it behaves weirdly when i change orientation.



      in ipad in landscape mode the area is not at all visible.



      <?xml version="1.0" encoding="utf-8"?>
      <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      xmlns:signaturePad="clr-namespace:Acr.XamForms.SignaturePad;assembly=Acr.XamForms.SignaturePad"
      x:Class="watebook.Clients.Mobile.Views.CaptureSignature"
      BackgroundColor="{StaticResource PageBackgroundColor}">

      <AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
      <StackLayout AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
      <ContentView Style="{StaticResource PageHeaderBodySeparator}" />
      <signaturePad:SignaturePadView
      Margin="200,200,200,200"
      VerticalOptions="FillAndExpand"
      HorizontalOptions="FillAndExpand"
      x:Name="padView"
      BackgroundColor="{StaticResource SignaturePadBackgroundColor}"
      CaptionText="Please sign here"
      CaptionTextColor="{StaticResource SignaturePadCaptionTextColor}"
      PromptText="."
      SignatureLineColor="{StaticResource SignaturePadSignatureLineColor}"
      StrokeColor="{StaticResource SignaturePadSignatureStrokeColor}"
      StrokeWidth="2"
      ClearText="" />
      <Button Text="SAVE SIGNATURE" Clicked="Button_OnClicked" BackgroundColor="#ffd300" TextColor="Black" x:Name="SaveButton" BorderColor="Black" Margin="0,10,0,300" />
      </StackLayout>
      <ContentView Style="{StaticResource ProcessIndicatorContentViewStyle}" x:Name="ActivityCameraIndicators" IsVisible="False" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
      <Label Style="{x:StaticResource ProcessIndicatorLabelStyle}" Text="Processing" x:Name="ActivityIndicatorLable" />
      </ContentView>
      </AbsoluteLayout>
      </ContentPage>


      How to keep a permanent height for my signature pad?










      share|improve this question














      In a xamarin app, i have created a signature pad , and i have kept margin like



      i want to keep a permanent heigh for the signature area irrespective of device and orientation,



      i am not xamarin developer, And i dont have idea about xaml, still I tried Margin="200,200,200,200" , but it behaves weirdly when i change orientation.



      in ipad in landscape mode the area is not at all visible.



      <?xml version="1.0" encoding="utf-8"?>
      <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
      xmlns:signaturePad="clr-namespace:Acr.XamForms.SignaturePad;assembly=Acr.XamForms.SignaturePad"
      x:Class="watebook.Clients.Mobile.Views.CaptureSignature"
      BackgroundColor="{StaticResource PageBackgroundColor}">

      <AbsoluteLayout HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
      <StackLayout AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
      <ContentView Style="{StaticResource PageHeaderBodySeparator}" />
      <signaturePad:SignaturePadView
      Margin="200,200,200,200"
      VerticalOptions="FillAndExpand"
      HorizontalOptions="FillAndExpand"
      x:Name="padView"
      BackgroundColor="{StaticResource SignaturePadBackgroundColor}"
      CaptionText="Please sign here"
      CaptionTextColor="{StaticResource SignaturePadCaptionTextColor}"
      PromptText="."
      SignatureLineColor="{StaticResource SignaturePadSignatureLineColor}"
      StrokeColor="{StaticResource SignaturePadSignatureStrokeColor}"
      StrokeWidth="2"
      ClearText="" />
      <Button Text="SAVE SIGNATURE" Clicked="Button_OnClicked" BackgroundColor="#ffd300" TextColor="Black" x:Name="SaveButton" BorderColor="Black" Margin="0,10,0,300" />
      </StackLayout>
      <ContentView Style="{StaticResource ProcessIndicatorContentViewStyle}" x:Name="ActivityCameraIndicators" IsVisible="False" AbsoluteLayout.LayoutFlags="All" AbsoluteLayout.LayoutBounds="0,0,1,1">
      <Label Style="{x:StaticResource ProcessIndicatorLabelStyle}" Text="Processing" x:Name="ActivityIndicatorLable" />
      </ContentView>
      </AbsoluteLayout>
      </ContentPage>


      How to keep a permanent height for my signature pad?







      xaml xamarin signaturepad






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 16 '18 at 12:45









      vishnuprasad kvvishnuprasad kv

      34311033




      34311033
























          1 Answer
          1






          active

          oldest

          votes


















          1














          use HeightRequest



          <signaturePad:SignaturePadView HeightRequest="200" ... />





          share|improve this answer
























          • height looks fine, How to make width also align respective to height?

            – vishnuprasad kv
            Nov 16 '18 at 13:13











          • use WidthRequest

            – Jason
            Nov 16 '18 at 13:18











          • Does xaml has any concept of width in percentage? To adapt to all display?

            – vishnuprasad kv
            Nov 16 '18 at 14:09












          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53338210%2fhow-to-put-constant-height-for-my-signature-pad-irrespective-of-orientation%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes









          1














          use HeightRequest



          <signaturePad:SignaturePadView HeightRequest="200" ... />





          share|improve this answer
























          • height looks fine, How to make width also align respective to height?

            – vishnuprasad kv
            Nov 16 '18 at 13:13











          • use WidthRequest

            – Jason
            Nov 16 '18 at 13:18











          • Does xaml has any concept of width in percentage? To adapt to all display?

            – vishnuprasad kv
            Nov 16 '18 at 14:09
















          1














          use HeightRequest



          <signaturePad:SignaturePadView HeightRequest="200" ... />





          share|improve this answer
























          • height looks fine, How to make width also align respective to height?

            – vishnuprasad kv
            Nov 16 '18 at 13:13











          • use WidthRequest

            – Jason
            Nov 16 '18 at 13:18











          • Does xaml has any concept of width in percentage? To adapt to all display?

            – vishnuprasad kv
            Nov 16 '18 at 14:09














          1












          1








          1







          use HeightRequest



          <signaturePad:SignaturePadView HeightRequest="200" ... />





          share|improve this answer













          use HeightRequest



          <signaturePad:SignaturePadView HeightRequest="200" ... />






          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 16 '18 at 12:52









          JasonJason

          52.7k1292120




          52.7k1292120













          • height looks fine, How to make width also align respective to height?

            – vishnuprasad kv
            Nov 16 '18 at 13:13











          • use WidthRequest

            – Jason
            Nov 16 '18 at 13:18











          • Does xaml has any concept of width in percentage? To adapt to all display?

            – vishnuprasad kv
            Nov 16 '18 at 14:09



















          • height looks fine, How to make width also align respective to height?

            – vishnuprasad kv
            Nov 16 '18 at 13:13











          • use WidthRequest

            – Jason
            Nov 16 '18 at 13:18











          • Does xaml has any concept of width in percentage? To adapt to all display?

            – vishnuprasad kv
            Nov 16 '18 at 14:09

















          height looks fine, How to make width also align respective to height?

          – vishnuprasad kv
          Nov 16 '18 at 13:13





          height looks fine, How to make width also align respective to height?

          – vishnuprasad kv
          Nov 16 '18 at 13:13













          use WidthRequest

          – Jason
          Nov 16 '18 at 13:18





          use WidthRequest

          – Jason
          Nov 16 '18 at 13:18













          Does xaml has any concept of width in percentage? To adapt to all display?

          – vishnuprasad kv
          Nov 16 '18 at 14:09





          Does xaml has any concept of width in percentage? To adapt to all display?

          – vishnuprasad kv
          Nov 16 '18 at 14:09




















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53338210%2fhow-to-put-constant-height-for-my-signature-pad-irrespective-of-orientation%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          Bressuire

          Vorschmack

          Quarantine