c-lamont / pxtabs Goto Github PK
View Code? Open in Web Editor NEWLicense: MIT License
License: MIT License
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>`
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 ?
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.
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
try to use the standalone PXTabsLayout do you have any example code for this?
It would be nice if you could set backgrund image for the PXTabsLayout.
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?
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
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
There are three tab in your example. Home, contact and search. If i want to select contact tab on load of app then how to do that ? I try and set isSelected true for one tab but it is not work.
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.
With the option available to set the slider to the bottom of the tab bar, it would be good to have the option to set the tab bar to the top of the page.
I want to show green color image in background.
While using text for tabs in addition to images, all tabs seems to flicker.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.