AjaxControlToolkit 16.1 CSS TabContainer ne fonctionne pas/rupture

Question

J'utilisais Ajax Control Toolkit ver 15 avec TabContainer et en utilisant CSS sans aucun problème.

Toutefois, une fois mis à niveau vers ver 16.1, le CSS TabContainer est en rupture. Le contenu du TabContainer est maintenant affiché vers le côté droit des onglets comme l'image ci-dessous.

Answer 1

Après beaucoup de recherche, a trouvé la solution. Mais il n'y a pas encore de partage dans stackoverflow, donc je le partage ici. La réponse originale vient de HERE

Je vais partager la solution de contournement ici au cas où le lien est brisé à l'avenir.

Ce que j'ai fait était d'ajouter le CSS ci-dessous dans le fichier CSS de l'onglet.

.Tab .ajax__tab_header:after { 
    clear: both; 
} 

.Tab .ajax__tab_header:before, .tab .ajax__tab_header:after { 
    content: ""; 
    display: table; 
} 

Après cela, ajoutez également les éléments suivants « écran » dans votre style d'en-tête

.Tab.ajax__tab_header{ 
    display: inline-block; 
} 

Notez que vous devez changer le .TAB dans votre propre nom de classe.

Le résultat redeviendra normal.