B4J Question [B4XTable] Set Horizontal Scrollbar Size

[aeric]

I use the following code to set the scrollbar size for CustomListView but it failed on B4XTable.
https://www.b4x.com/android/forum/threads/scrollbar-size.97757/#content

If I am not mistaken, B4XTable uses a CustomListView name clvData but not sure why it behaves differently. Example code attached.

 

[TILogistic]

use CSS:
You can give it the look you want.

 

[aeric]

use CSS:
You can give it the look you want.
View attachment 126552

Thanks Omar for replying. I don’t want to change the outlook. I want the scrollbar to be thicker so it is easy to use on touchscreen.

 

[TILogistic]

 .scroll-bar .increment-arrow,
 .scroll-bar .decrement-arrow{
    -fx-shape : " ";   
    -fx-padding :0.3em 0.0;
}

 .scroll-bar:vertical .increment-arrow,
 .scroll-bar:vertical .decrement-arrow{
    -fx-shape : " ";   
    -fx-padding :0.0 0.3em;
}

 

[aeric]

 .scroll-bar .increment-arrow,
 .scroll-bar .decrement-arrow{
    -fx-shape : " ";  
    -fx-padding :0.3em 0.0;
}

 .scroll-bar:vertical .increment-arrow,
 .scroll-bar:vertical .decrement-arrow{
    -fx-shape : " ";  
    -fx-padding :0.0 0.3em;
}

View attachment 126554

Thanks. It works.

 

[TILogistic]

see css:
EDIT

 .scroll-bar .increment-arrow,
 .scroll-bar .decrement-arrow{
    /* -fx-shape : " ";     */
    -fx-padding :0.8em 0.4em;
}

 .scroll-bar:vertical .increment-arrow,
 .scroll-bar:vertical .decrement-arrow{
    /* -fx-shape : " ";     */
    -fx-padding :0.4em 0.8em;
}

 

[aeric]

To load the stylesheet on page other than MainPage, use the following:

Private Sub B4XPage_Created (Root1 As B4XView)
    Root = Root1
    Root.LoadLayout("SecondPage")
    B4XPages.GetNativeParent(Me).Stylesheets.Add(File.GetUri(File.DirAssets, "Style.css"))
    CreateColumns
    CreatePanels
End Sub

 

[TILogistic]

or use CSSUtils to apply css to views

 

[TILogistic]

tips:
sorry spanish

Personalizar vista B4XFloatTextField

Estimados, Quiero compartir un ejemplo (archivo adjunto) de como se puede personalizar una vista B4XFloatTextField de la librería XUI Views. En este ejemplo he usado el método de desarrollo B4XPages, y si desea se puede usar en el desarrollo normal. La única diferencia entre las plataforma...

www.b4x.com