Giter VIP home page Giter VIP logo

pxtabs's People

Contributors

c-lamont avatar mvanbeusekom avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

pxtabs's Issues

content View Grid not using 100% width of screen

Hi can anybody help me with this plugin I have it all set it working but when I add a grid to the content view (tabbed page) it does not use 100% width of the screen

Picture of the result:
https://imgur.com/DQFATFP

Here is the code I am using:

TabsPage.xaml:

`<ContentPage.Content>
    <pxTabs:PXTabsView 
        x:Name="tabsView" 
        BackgroundColor="#F9F9F9"
        BorderColor="#24006E" 
        SliderColor="#24006E" 
        IsBorderOnBottom="False" 
        IsBorderVisible="True" 
        IsSliderOnBottom="False" 
        IsSliderVisible="True" 
        IsTabBarOnTop="False"
        SelectedTabIndex="0"/>
</ContentPage.Content>`

Homepage.xaml

`<ContentView.Content>
    <StackLayout HorizontalOptions="Fill">
        <Grid BackgroundColor="#24006E" Padding="20, 20, 20, 20">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Label Text="HOME" FontAttributes="Bold" FontSize="21" TextColor="#09C887" Grid.Column="0" Grid.Row="0" HorizontalTextAlignment="Start" />
            <Label Text="USER ONLINE" FontSize="12" TextColor="#09C887" FontAttributes="Bold" HorizontalTextAlignment="End" Margin="0, -7, 0, 0" Grid.Column="1" Grid.Row="0" />
            <Label Text="JoeeyIreland" TextColor="White" FontAttributes="Bold" FontSize="18" HorizontalTextAlignment="End" Margin="0, 7, 0, 0" Grid.Column="1" Grid.Row="0" />
        </Grid>
    </StackLayout>
</ContentView.Content>`

Method to switch Tabs ?

Hi is there a way I can switch the tab from in a contentView?

for example i have a more button on my hometab and if i click that i just want it to transition to the tab i want it to go too ?

Implementing PCTabsLayout

Do you have any examples of the implementation of the PXTabsLayout? I'm trying to create Tabs on the bottom of the view without the Title bar on the top.

Tabs Background App Label Position Issue

Hey, do you have a fix for when browsing an app with the tabs and then switching to another app then switching back it seems the tabs images or text moves to the left of the page. it is like it forgets the position

thanks

exampel using only PXTabsLayout.

try to use the standalone PXTabsLayout do you have any example code for this?

  1. how to add tabs when i try to do in the same way as in PxTabsView get runtime error.
  2. how to bind to the TabSelectedCommand.

It would be nice if you could set backgrund image for the PXTabsLayout.

XAML shows only last tab

Hi, I am using XAML to construct my "tab page". The tab page has 4 pxtab child elements of pxtabsview and only last one is visible (tab id 4), no bar is also shown?

<pxTabs:PXTabsView
            ...>
            <pxTabs:PXTab
                TabId="1"
                Text="Account"
                ...>
                <views:AccountView
                    BindingContext="{Binding AccountTabViewBindingContext}" />
            </pxTabs:PXTab>
            <pxTabs:PXTab
                TabId="2"
                Text="Notifications"
                ...>
                <views:NotificationsListView
                    BindingContext="{Binding NotificationsListViewBindingContext}" />
            </pxTabs:PXTab>
            <pxTabs:PXTab
                TabId="3"
                Text="Contact"
                ...>
                <views:ContactView
                    BindingContext="{Binding ContactTabViewBindingContext}" />
            </pxTabs:PXTab>
            <pxTabs:PXTab
                TabId="4"
                Text="Shop Online"
                ...>
                <views:ShopOnlineView />
            </pxTabs:PXTab>
        </pxTabs:PXTabsView>

when I try to stick a simple label instead of my "views" I just get the label text, nothing else, any help?

Tab Page has inner page or view ?

I have 5 tabs setup on the mainpage and in one of those tabs (contentview) is a button that will open another page to a form but how would that work in this as you cant open a view as a page but i want to open the inner view without removing the tabs to the correct page

Works with XF 3.0 and .net Standard Projects?

Hi,
Please forgive me if this is a repost. I came back to check and couldn't find it which made me think maybe I hadn't submitted correctly.

Anyhow, really excited to try PXTabs but have the weird requirement of being on Xamarin Forms latest (release 3.0) since I've already moved my project there.

Anyone have any luck with it? I get build errors I can't seem to get around and am just wondering if this is a known limitation or should I bother submitting details?

Thanks,
Dave Gerding

SelectedBackgroundColor and SelectedTextStyle

There is currently no support for a different background color for selected tabs. This would be nice to combine with the different color images.
Same goes for SelectedTextStyle. It is by default bold if selected, but that makes the text slightly larger, leading to clipping issues. The only solution for now is to shrink the text further, such that it fits when bold.
A better option would be to make this a property as well.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.