I am using TabVIew and I’ve got two questions:
1.How can I remove the border-bottom of the TabView header?
2. How can I add separator between the items in the TabView header ?
Thanks,
Chen
You can't remove neither the bottom color nor add a separator within the tabs. You can control the color of your bottom border for the selected tab. Here are the exposed properties in NativeScript
<TabView
androidSelectedTabHighlightColor="orange"
selectedTabTextColor="red"
tabBackgroundColor="lightgreen"
tabTextColor="blue">
For anything above that you should access the native element and see if there are native possibilities for further styling the element.
Related
It appears that if a RadListView swipe action is disabled then it simply disappears from the swipe actions list, although the action's space is still consumed. It's as if both the color and backgroundColor properties were set to white.
Is there a way to control this? I tried several :disabled css options but none seem to take effect.
OK, so this underscores why it's useful to post the code in question - my bad. I noticed I had spelled the css color "grey" instead of "gray". Now the styling is being applied as expected.
I would like complex button, which has several text elements and which should change their state and color depending on button state.
Unfortunately, I see that Xamarin button has only predefined image and text parameters.
How to have multiple controls inside a button in Xamarin?
Visual state manager(Only XF 3.0+) have three states: normal, disabled, focused which is named "CommonStates", or you can create custom states.Maybe it could help:
https://learn.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/visual-state-manager
I think you must read more in content view, where you can add labels into stacklayout or grid with your own api bindable property, then use it wherever you want in your code:
https://learn.microsoft.com/en-us/dotnet/api/xamarin.forms.contentview
I'm searching for a gwt component with the following properties:
-Able to display Strings in a structured way, ie. username and message in seperate columns
-providing control over the scrollbar
In essence I'd like to have a component able to display more than simple strings and that auto scrolls to the bottom.
At first I used a simple textarea which fails to satisfy my first requirements. Additionaly I failed to implement the autoscroll to the bottom.
Are there any components which accomplish those features? Or if not, how could I create a similar component?
Create your own custom widget with the below or similar hierarchy,
Vertical Panel/Dock Panel: The outer container.
Header Panel: A horizontal panel with width set to 100% and add the required info. If using Dock Panel, set it to North
Scroll Panel : To get the infinite scroll and set its width to 100%
Horizontal Panel(s) : One panel for each chat string.
I am trying to replicate this demo:
https://www.polymer-project.org/components/core-animated-pages/demos/grid.html
I want to use a waterfall-tall header panel instead. If I just change the mode of the scroll header panel, it doesn't collapse because the scrollable div is not the one expected.
Which would be the best way to have this demo working in the same way with a waterfall-tall header?
I tried having the animated pages scrollable instead but the hero transition is then messed up.
Best,
Nicolas
I am using vaadin framework, I can use the com.vaadin.ui.Accordion library for Accordion.
By default it appears in horizontal style. Is there any idea of using this style in vertical form?
Thanks
An Accordion is a TabSheet, a subclass of TabSheet, as documented in the API.
TabSheet is meant for horizontal use, Accordion for vertical use.
TabSheet screenshot:
Accordion screenshot:
From http://vaadin.com/api/com/vaadin/ui/Accordion.html:
An accordion is a component similar to a TabSheet, but with a vertical orientation and the selected component presented between tabs
Do you mean you want it to be horizontal instead of vertical?