B4J Question [B4XTable] Set Horizontal Scrollbar Size

aeric · Mar 11, 2022

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 · Mar 11, 2022

CSS:

 .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;
}

TILogistic · Mar 11, 2022

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

aeric · Mar 11, 2022

Omar Parra A. said:
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 · Mar 11, 2022

CSS:

 .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 · Mar 11, 2022

Omar Parra A. said:

CSS:

 .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 · Mar 11, 2022

see css:
EDIT

CSS:

 .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 · Mar 11, 2022

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

B4X:

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 · Mar 11, 2022

or use CSSUtils to apply css to views

TILogistic · Mar 11, 2022

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

B4J Question [B4XTable] Set Horizontal Scrollbar Size

aeric

Expert

Attachments

TILogistic

TILogistic

Expert

Attachments

aeric

Expert

TILogistic

Expert

aeric

Expert

TILogistic

Expert

Attachments

aeric

Expert

TILogistic

Expert

TILogistic

Expert

Personalizar vista B4XFloatTextField

Similar Threads

B4J Question [B4XTable] Set Horizontal Scrollbar Size

Expert

Attachments

Expert

Attachments

Expert

Expert

Expert

Expert

Attachments

Expert

Expert

Expert

Similar Threads

Privacy & Transparency

Privacy & Transparency