logo

Warning: The forum is now for consultation only. Please use GitHub Discussions to post any questions or comments.


Welcome Guest ! To enable all features please Login or Register.

Notification

Icon
Error

Options
Go to last post Go to first unread
Alain  
#1 Posted : Tuesday, May 19, 2020 9:35:04 AM(UTC)
Alain

Rank: Member

Groups: Registered
Joined: 1/30/2020(UTC)
Posts: 15
France

Hello
is it possible to change the color of the TAB PAGE buttons?
Thank you

epf  
#2 Posted : Wednesday, May 20, 2020 10:31:10 AM(UTC)
epf

Rank: Administration

Groups: Administrators
Joined: 12/20/2013(UTC)
Posts: 1,209
Switzerland

Thanks: 14 times
Was thanked: 206 time(s) in 199 post(s)
this is not standard in the product (could be a feature request), however you can do it by editing your templates or changing the css...
check https://stackoverflow.co...tter-bootstrap-nav-pills

e.g. for a Tab Control:
select the tabcontrol view, and edit the TabControl.iMenu partial template, then add the css background color (to have all the pills in red):

Code:
<li><a data-toggle="@(view.GetValue("tab_style"))" href='#@(childView.IdSuffix)_tab_page' style='background-color:red;'>@childView.ViewName</a></li>

or as suggested in the stackoverflow link above, you may add:
Code:
<style>
    .nav-pills > li.active > a, .nav-pills > li.active > a:focus {
        color: black;
        background-color: #fcd900;
    }

        .nav-pills > li.active > a:hover {
            background-color: #efcb00;
            color:black;
        }
</style>


would be easy to add a parameter color for the Tab Page view, and use it in the TabControl.iMenu template...

Edited by user Wednesday, May 20, 2020 10:33:43 AM(UTC)  | Reason: Not specified

Users browsing this topic
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.