Xamarin Forms Grid Layouts

See also questions close to this topic

• ASP Image button and buttons are not firing the event instead it posts the parameter on URL

  I wanna create a button/image button to pop up a panel. I have tried both image button and button and also in button both onserverclick and onclick. Anyways it is not hitting the event and it posts the parameters(randomly) in the URL like "ctl00%24MainContent%24btnNewDoc=Add+New".

   <asp:Button id="btnNewDoc" onserverclick="btnNewDoc_Click" Text="Add New" runat="server"/> 
  
   protected void btnNewDoc_Click(object sender, EventArgs e)
          {
              PnlDoc.Visible = true;
          }
  

  Its just a panel and it should not pass the parameter for me. And don't know the reason for this parameter passing. For this form alone, this is happening. Any idea on this.
• Asp Net MVC Model list Property null when its passing to controller

  First of all my English language is poor.

  When I submit to controller my Model list are null but other attributes fill with my inputs.

  Here is my code

  Model class

  public class ChargeType
  {
      public Guid ChargeID { get; set; }
  
      public string ChargeCode { get; set; }        
  
      public List<ChargeTax> ChargeTaxList { get; set; }
  }
  

  Here is my List model class

  public class ChargeTax
  {
      public Guid ChargeTaxID { get; set; }
  
      public Guid ChargeID { get; set; }
  
      public Guid TaxID { get; set; }
  
      public string TaxCode { get; internal set; }
  
      public bool IsAssigned { get; internal set; }        
  }
  

  This is My Controller

  [HttpPost]
      [ValidateAntiForgeryToken]
      public ActionResult ManageCharge(ChargeType ChargeType, FormCollection col)
      {
          try
          {
              Response response = new Response();
              CurrentFormMode currentMode = string.IsNullOrEmpty(col["FormMode"]) ? CurrentFormMode.Insert : (CurrentFormMode)Enum.Parse(typeof(CurrentFormMode), col["FormMode"].ToString());
              //ChargeType.ChargeTaxList = string.IsNullOrEmpty(col["ChargeTaxList"]) ? new List<ChargeTax>() : (List<ChargeTax>);
              object lst = col["ChargeTaxList"].ToList();
              if (currentMode == CurrentFormMode.Insert)
              {
                  ChargeType.ChargeID = Guid.NewGuid();
                  ChargeType.CreatedBy = sm.GetSesionUser().Id;
                  response = ChargeDAL.Manage(ChargeType);
              }
     }
  

  This Is my View regarding by this code

  @using (Html.BeginForm("ManageCharge", "Charge", new { mode = frmmode }, FormMethod.Post, new { id = "Charge_reg_form", @class = "form-horizontal", role = "form" }))
  if (currentMode.Equals(CurrentFormMode.Insert) || currentMode.Equals(CurrentFormMode.Edit))
  {
      <div class="form-group">
          @Html.HiddenFor(m => m.ChargeID)
          @Html.LabelFor(m => m.ChargeCode, new { @class = "col-md-2 control-label" })
          <div class="col-md-10">
              @Html.TextBoxFor(m => m.ChargeCode, new { @class = "form-control" })
              <label class="text-danger" id="ErrChargeCode" hidden="hidden"></label>
          </div>
          <br />
          <br />
                  <div class="row">
                          <div class="col-md-12">
                              <div class="grid-body">
                                  <div class="grid-part">
                                      <table id="tbl_ChargeList" style="width:35%;" align="center">
                                          <thead>
                                              <tr>
                                                  <th style="display: none">ChargeTaxID</th>
                                                  <th style="display: none">TaxID</th>
                                                  <th style="width: 20%; text-align: left;">TaxCode</th>                                                    
                                                  <th style="width: 10%; text-align: left;">Assigned</th>
                                              </tr>
                                          </thead>
                                          <tbody>
                                                  @{
                                                      foreach (var item in Model.ChargeTaxList)
                                                      {
                                                          <tr>
                                                              <td hidden="hidden">
                                                                  @item.ChargeTaxID
                                                              </td>
                                                              <td hidden="hidden">
                                                                  @item.TaxID
                                                              </td>
                                                              <td style="width: 15%; text-align: left;">
                                                                  @item.TaxCode
                                                              </td>
                                                              <td style="width: 10%; text-align: left;">
                                                                  @Html.CheckBox("IsAssigned", new { item.IsAssigned })
                                                              </td>
                                                          </tr>
                                                      }
                                                  }
                                          </tbody>
                                      </table>
                                  </div>
  
                              </div>
                          </div>
                      </div>
              </div>
          }
  

  When I submit this view details after inserting data and fill the html table data as a Model list but List are null in the controller.

  Please help me to resolve this problem. Thank you all
• Amazon ses reading emails stored in an s3 bucket using c#

  I am trying to reading email stored in an S3 bucket, but data is not coming in proper format so i can't able to use it. can you please tell me how to get data properly.
• AlertDialog Layout below the buttons

  I have my own layout for an AlertDialog, and if I use setPositiveButton everything works. But when i use setItems, my layout is shown below the item buttons.

  How can I show my custom layout on top?

  Here is my code:

         private void selectImage(){
  final CharSequence[] items = { TAKE_PICTURE, FROM_GALLERY, CANCLE};
              AlertDialog.Builder builder = new AlertDialog.Builder(Add_Object.this);
              LayoutInflater inflater = this.getLayoutInflater();
              View content =  inflater.inflate(R.layout.alert_dialog, null);
              builder.setView(content);
              ((TextView) content.findViewById(R.id.dialogTitle)).setText(R.string.addPictureTitle);
               builder.setItems(items, new DialogInterface.OnClickListener(){
                  @Override
                  public void onClick(DialogInterface dialog, int item) {
                      if (items[item].equals(TAKE_PICTURE)) {
                              captureImage();
                      } else if (items[item].equals(FROM_GALLERY)) {
                              chooseFromGallery();
                      } else if (items[item].equals(CANCLE)) {
                          dialog.dismiss();
                      }
                  }
              });
              builder.show();
          }
      }
  

  And my layout:

  <RelativeLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      xmlns:android="http://schemas.android.com/apk/res/android">
  
      <TextView
          android:id="@+id/dialogTitle"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_marginLeft="20dp"
          android:layout_marginTop="15dp"
          android:layout_marginBottom="15dp"
          android:textSize="25sp"
          android:textColor="@color/main_color"/>
  
      <View
          android:layout_width="match_parent"
          android:id="@+id/dialogDivider"
          android:layout_below="@id/dialogTitle"
          android:layout_height="2dp"
          android:background="@color/main_color" />
  
      <TextView
          android:id="@+id/dialogText"
          android:layout_below="@+id/dialogDivider"
          android:layout_marginLeft="20dp"
          android:layout_marginTop="10dp"
          android:layout_marginBottom="10dp"
          android:textSize="18sp"
          android:textColor="@color/darkgrey"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content" />
  
  </RelativeLayout>
  

  Thanks in advance.
• why my xaml is not loaded correctly xamarin.forms

  <?xml version="1.0" encoding="utf-8" ?>
   <ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
           xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
           x:Class="neoFly_Montana.Views.Splash2"
           BackgroundImage="Abertura.jpg"
           NavigationPage.HasNavigationBar="False">
  <ContentPage.Content>
  
      <StackLayout VerticalOptions="EndAndExpand">
      <ActivityIndicator/>
          <Label Text="Por favor, aguarde. Estamos buscando a loja mais próxima de você."/>
      </StackLayout>
  
  </ContentPage.Content>
  </ContentPage>
  

  App code (PCL)

   public App()
      {
          InitializeComponent();      
  
          CrossPushNotification.Current.Register();
          MainPage = new NavigationPage(new Views.Splash2());
      }
  

  at the first time I run the app, my background and label doesnt appear...only at the second time it appears...has someone already seen some problem like this? the NavigationPage.HasNavigationBar="False" also only works at the second time...at the first, a toolbar appears
• GridBagLayout doesn't set JPanel position as expected

  So I'm originally using a BorderLayout for the mainscreen, but once the user hits start, it converts to a GridBagLayout with the intention of being 80% game screen on the left and 20% menu, score, etc on the right.

  | --- GameScreen --- | Score |

  However I'm having difficulty getting this as either I can't resize the score screen or it doesn't print out correctly at all. This is the code I'm currently using.

  public Launcher(String title) {
      super(title);
      this.setResizable(false);
      this.setDefaultCloseOperation(EXIT_ON_CLOSE);
      cp = getContentPane();
      // cp.setSize((int)(1920*0.5), (int)(1080*0.5));
      cp.setLayout(new BorderLayout());
      panel = new JPanel();
      panel.setBackground(Color.YELLOW);
      // panel.setSize(this.getWidth()/4, this.getHeight());
      panel.add(startButton);
      panel.add(pauseButton);
      panel.add(quitButton);
      setSize(1920, 1100);
      cp.add(panel, BorderLayout.SOUTH);
      this.getContentPane().setBackground(Color.GREEN);
      //ActionListenerStuff for buttons
      .
      .
      .
  

  This is the ACtionListenerMethod that calls the updateGui method.

      else if (e.getSource() == startButton) {
  
                  cp.remove(panel);
  
                  panel.setSize(1200, getHeight());
  
                  state = STATE.RUNNING;
                  updateState();
                  updateGui();
                  createGameLoop(); 
      }
  

  This is the method where I change the layout and add the JPanels.

      private void updateGui() {
      cp.setLayout(new GridBagLayout());
      GridBagConstraints layoutConstraints = new GridBagConstraints();
      layoutConstraints.fill = GridBagConstraints.VERTICAL;
      layoutConstraints.weighty = 1;
      layoutConstraints.weightx = 0.8;
      cp.add(house, layoutConstraints);
  
      layoutConstraints.weighty = 1;
      layoutConstraints.weightx = 0.2;
      cp.add(panel, layoutConstraints);
  }
  

  It ends up with the 'house' JPanel being 80% but the 'panel' variable is still on the border of the bottom from the previous borderlayout. Not sure why though.

  I'm not entirely sure if that's enough information and will gladly post whatever information that's required.

  Edit: Tried adding layoutConstraints.gridy = 1; but that didn't work either.

  private void updateGui() {
      cp.setLayout(new GridBagLayout());
      GridBagConstraints layoutConstraints = new GridBagConstraints();
      layoutConstraints.fill = GridBagConstraints.VERTICAL;
      layoutConstraints.weighty = 1;
      layoutConstraints.weightx = 0.8;
      house.setMinimumSize(new Dimension(1600, 1080));
      cp.add(house, layoutConstraints);
  
      GridBagConstraints layoutConstraints2 = new GridBagConstraints();
      layoutConstraints2.fill = GridBagConstraints.VERTICAL;
      layoutConstraints2.weighty = 1;
      layoutConstraints2.weightx = 0.2;
      layoutConstraints.gridy = 1;
      cp.add(panel, layoutConstraints2);
  }
  
  private void updateState() {
      if (roomGenerator == null) {
          roomGenerator = new RoomGenerator();
      }
      roomGenerator.updateRoom();
  
      Room room = roomGenerator.getRoom();
      house = (House) roomGenerator.getRoom();
      house.setSize(300, getHeight());
      this.getContentPane().add(house, BorderLayout.CENTER);
  
      startButton.setVisible(false);
  
      // this fuckery puts the buttons in the House JPanel
      // house.add(pauseButton);
      // house.add(quitButton);
  }
  

  This is what I currently have. This is what's displaying. The drawing should be the "80%" portion and the yellow should be the 20%.

  Edit 2: Using Camickr's changes I end up with this.

  It's a step in the right direction, but it's not setting the size of the house JPanel correctly as far as I can tell.

  private void updateGui() {
  
      cp.add(panel, BorderLayout.LINE_END);
      panel.setVisible(true);
      cp.revalidate();
  
  }
  
  private void updateState() {
      if (roomGenerator == null) {
          roomGenerator = new RoomGenerator();
      }
      roomGenerator.updateRoom();
  
      Room room = roomGenerator.getRoom();
      house = (House) roomGenerator.getRoom();
      house.setSize(1500, getHeight());
      this.getContentPane().add(house, BorderLayout.CENTER);
  
      startButton.setVisible(false);
  
  }
  
• how to set height and width for barcode reader zxing

  I want to display ZXingScannerView on the certain location on my form. But it is displaying on the complete page. How can i set it Height and width on the page to display it on certain position. Below is my xaml

       <StackLayout Orientation="Horizontal" HeightRequest="80" Margin="20,20,20,20" BackgroundColor="Green" Padding="5">
  <Grid x:Name="grid" VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" Margin="20,20,20,20" WidthRequest="30" HeightRequest="100" >
  
              </Grid>
      </StackLayout>
  

  Code:

   ZXingScannerView zxing;
   ZXingDefaultOverlay overlay;
  
   public Test() : base()
          {
              InitializeComponent();
              zxing = new ZXingScannerView
              {
                  HorizontalOptions = LayoutOptions.FillAndExpand,
                  VerticalOptions = LayoutOptions.FillAndExpand,
                  HeightRequest = 250,
                  WidthRequest = 250,
                  IsAnalyzing = true,
                  IsScanning = true,
              };
  
              zxing.OnScanResult += (result) =>
                  Device.BeginInvokeOnMainThread(async () => {
  
                      // Stop analysis until we navigate away so we don't keep reading barcodes
                      zxing.IsAnalyzing = false;
  
                      // Show an alert
                      await DisplayAlert("Scanned Barcode", result.Text, "OK");
  
                      // Navigate away
                      await Navigation.PopAsync();
                  });
  
  
              overlay = new ZXingDefaultOverlay
              {
                  ShowFlashButton = zxing.HasTorch,
  
              };
              overlay.FlashButtonClicked += (sender, e) =>
              {
                  zxing.IsTorchOn = !zxing.IsTorchOn;
              };
  
  
              grid.Children.Add(zxing);
              grid.Children.Add(overlay);
  
              // The root page of your application
              Content = grid;
          }
  
  
  
  
   protected override void OnAppearing()
          {
              base.OnAppearing();
  
              zxing.IsScanning = true;
          }
  
          protected override void OnDisappearing()
          {
              zxing.IsScanning = false;
  
              base.OnDisappearing();
          }
  
• xamarin android send cuurent location to mysql database

  I want to send current user location coordinates (LatLong) automatically to mysql database using webservices with update every 5 seconds,, and in another app get the coordinates from mysql to plot markers on map. can anyone give me sample tutorial or project or example or any help, I am new in xamarin
• xamarin.android - OnKeyLongPress does not trigger

  I want to use OnKeyLongPress on volume buttons, to override system volume control.

  I am trying to use OnKeyLongPress event listener, but it's not working.

  here is my code:

  public override bool OnKeyLongPress(Keycode keyCode, KeyEvent e)
  {
      if (keyCode == Keycode.VolumeDown)
      {
  
          return true;
      }
  
      if (keyCode == Keycode.VolumeUp )
      {
  
          return true;
      }
  
  
      return base.OnKeyLongPress(keyCode, e);
  }
  
• Why does this code not display a grid of images?

  I copied this code from another answer here and wanted to use it as a starting point to display my images in a grid, but although i fixed all the import errors, it still does not display a gui window. It does print the stuff before the def on the output but nothing after. the messagewindow() thing seems not to work. please help! yes i am new to python. I am using vscode on windows 10, and other examples do display a window.

  import PIL.ImageTk
  import PIL.Image
  import glob, os
  import tkinter as tk
  from tkinter import *
  from tkinter import PhotoImage
  global tkimage
  global im
  half1 = "this is the first half"
  half2 = "this is the second half"
  print(half1 + " " + half2)
  path = r'C:\Users\Michael\Documents\testfolder\Presidents'
  print(glob.glob(os.path.join(path, '*.gif')) )
  
  def messageWindow(): 
      root=Tk() 
      win = Toplevel()  
      COLUMNS = 10
      image_count = 0 
      for infile in glob.glob(os.path.join(path, '*.gif')):     
          image_count += 1
          r, c = divmod(image_count-1, COLUMNS)
          im = PIL.Image.open(infile)
          resized = im.resize((100, 100), PIL.Image.ANTIALIAS)
          tkimage = PIL.ImageTk.PhotoImage(resized)
          myvar = Label(win, image=tkimage)
          myvar.image = tkimage
          myvar.grid(row=r, column=c)
      win.update() 
  
• Python pycharm read and display excel data in table

  I am very new to python and am currently working on a python pycharm project which allow the user to upload the excel file and hence display the data of the excel file in a grid/table.

  from tkinter import *
  from tkinter import filedialog
  import csv
  
  root = Tk()
  
  flName = StringVar(None)
  
  def browsefunc():
      filename = filedialog.askopenfilename(parent=root,title='Choose a file')
      flName.set(filename)
  
  root.title("Graph function")
  
  instruLabel = Label(root,text="Press Browse and input excel file::").pack()
  browsebutton = Button(root, text="Browse", command=browsefunc)
  displayData = Frame(root,);
  
  browsePathEntry = Entry(root,textvariable=flName,state='disabled').pack()
  
  browsebutton.pack()
  
  pathlabel = Label(root)
  pathlabel.pack()
  root.mainloop()
  

  Is there any way I can display the data of the excel file in a grid/table? Kindly please help, thanks and have a great day.
• Common legend for a grid plot

  In this reproducible example grid plot, 3 plots have 3 fill colours, and z displays with the "col" blue, but in the fourth plot there is only 1 "col", so z displays as red.

  I want to show only one common legend (which I can do), but I want z to be blue in all four plots.. Is there a simple way to do that?

  

  #---------------------
  # Reproducible example
  #---------------------
  library(tidyverse)
  library(ggplot2)
  library(grid)
  library(gridExtra)
  d0 <- read_csv("x, y, col\na,2,x\nb,2,y\nc,1,z")
  d1 <- read_csv("x, y, col\na,2,x\nb,2,y\nc,1,z")
  d2 <- read_csv("x, y, col\na,2,x\nb,2,y\nc,1,z")
  d3 <- read_csv("x, y, col\na,2,z\nb,2,z\nc,1,z")
  p0 <- ggplot(d0) + geom_col(mapping = aes(x, y, fill = col))
  p1 <- ggplot(d1) + geom_col(mapping = aes(x, y, fill = col))
  p2 <- ggplot(d2) + geom_col(mapping = aes(x, y, fill = col))
  p3 <- ggplot(d3) + geom_col(mapping = aes(x, y, fill = col))
  grid.arrange(p0, arrangeGrob(p1,p2,p3, ncol=3), ncol=1)
  
• StackPanel in StatusBar won't stretch

  When I add StackPanel to the StatusBar as last StatusBarItem it won't fill up all additional space. I wonder why is that since StatusBar internally uses DockPanel as ItemsPanel.

  Here's a sample code:

  <Window x:Class="Foo.MainWindow"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      xmlns:local="clr-namespace:Zadatak1"
      Title="MainWindow"
      WindowState="Maximized">
  <DockPanel>
  <StatusBar DockPanel.Dock="Bottom">
          <StatusBarItem DockPanel.Dock="Left" Background="SkyBlue">
              <Label>Status....</Label>
          </StatusBarItem>
          <StatusBarItem Background="Red" DockPanel.Dock="Right" HorizontalAlignment="Right">
              <StackPanel Orientation="Horizontal">
                  <Label>Time:</Label>
                  <Label>02:48:AM</Label>
              </StackPanel>
          </StatusBarItem>
      </StatusBar>
  </DockPanel>
  

  If I change the order of the elements so Label is first and StackPanel is second, it fills additional space as it should.
• ScrollViewer of WPF - How focus content

  I have Providing TabControl, on TabControl I have many TabItem, and during each TabItem I have many ScrollViewer, and on each ScrollViewer I have StackPanel

  1) When I try to scroll down/up, With mouse -> Scroll works fine

  2) When I try to Click on content of StackPanel and touch up/down of keyboard -> Scroll works fine

  But I case of changing tabitem of TabControl, I can't use Keyboard(Up/Down),and it's not works.

  Am I must to provide .KeyDown+= , and attention which tabItem is active, or I could focus content of tabItem during touching tabItem ?
• WPF StackPanel, ScrollViewer - Dynamic height scroll doesn't work (ListBox, Expander)

  I have a ListBox. Each 'row' is an Expander. Each Expander is composed of one StackPanel. I programmatically (C# code) add items to the StackPanel. I want the Expander's content (the StackPanel) to scroll if the expanded section cannot show all the content due to the window size.

  I tried wrapping the StackPanel in a ScrollViewer but that does nothing as far as allowing scrolling, unless I specify a static height to the ScrollViewer. I'm reading StackPanel is not what I want to use as it reports an infinite height? Perhaps a Grid? Though it would be non-trivial for me to count the # of rows the Grid must have beforehand.

  I'm not sure what to use. I'm creating everything with C# code - only the basic window skeleton is done with XAML.

  I want the ScrollViewer to fill all available space i.e. window minus Expander headers and content of any other expanded Expander's. Right now, I get no scrollbars, cannot scroll, and the StackPanel's content is cutoff.

  MainListBox.Items.Add(expander);
  
  ScrollViewer panelScrollViewer = new ScrollViewer();
  panelScrollViewer.CanContentScroll = true; // toggle doesn't seem to matter
  panelScrollViewer.VerticalScrollBarVisibility = ScrollBarVisibility.Auto;
  
  StackPanel stackPanel = new StackPanel();
  stackPanel.Margin = new Thickness(10, 4, 0, 0);
  
  //expander.Content = stackPanel;
  panelScrollViewer.Content = stackPanel;
  expander.Content = panelScrollViewer;
  
  // a loop - read items from a database, for example
  stackPanel.Children.Add(anotherStackPanel);