Verticale de l'affichage de Texte d'en-Tête dans la Vue en Grille ASP .NET

Est-il un moyen pour afficher les headerText de l'Affichage de la Grille verticale?

http://img371.imageshack.us/img371/4813/testyk6.jpg

J'espère que le lien ci-dessus fonctionne

Grâce

OriginalL'auteur user21968 | 2008-10-23

2

Je crois que vous auriez à utiliser des images. Créé au moment de la conception, ou à l'aide d'un HttpHandler pour générer des images au moment de l'exécution si ils ont besoin d'être dynamique. De faire toutes vos champs de l'utilisation TemplateFields et de la place de l'image dans la HeaderTemplate. Type de fastidieux, mais c'est la seule façon que je peux penser. Peut-être une troisième partie de la grille de contrôle peut gérer cela.

OriginalL'auteur Travis Collins
2

Silverlight peut le faire (comme on peut le Flash, j'en suis sûr). CSS3 va l'appuyer. Mais le texte graphique est le chemin pour aller à droite maintenant.

Vous pouvez utiliser n'importe quelle texte-masquage des techniques CSS pour afficher le texte d'accessibilité pour les navigateurs, mais l'affichage du graphique (avec texte disposées verticalement) pour les utilisateurs voyants.

OriginalL'auteur John Dunagan
2

Je l'ai fait d'IE à l'aide de la CSS suivant bien qu'il peut être limité à l'navigateur, la version, etc...

écrit-mode: tb-rl;
filtre: flipv fliph

Je l'ai utilisé dans les systèmes Intranet, et ça semblait fonctionner.

OriginalL'auteur Simon Keep
1

Stu Nicholls a un intéressant HTML/CSS technique, si un peu de HTML détaillé. Cependant, il ne fait pas la parole de rotation que vous êtes à la recherche pour. Juste jeter une autre option.

OriginalL'auteur Forgotten Semicolon
1

Si vous n'avez pas l'esprit un IE seule solution, vous pouvez utiliser certains des filtres css que IE prend en charge. Quelque chose comme ceci:
```
<div style="width:100%; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);">
    This text is rotated 90 degrees.
</div>
```
OriginalL'auteur Travis Collins
1

Dans IE7+, vous pouvez utiliser le DX transformer:
```
writing-mode: tb-rl;
filter: flipv fliph;
```
Dans les vieux IE (pour les pauvres âmes toujours coincé avec elle):
```
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
```
Dans Safari/Chrome (tout ce qui est basé sur webkit), vous pouvez utiliser la transformation:
```
-webkit-transform: rotate(270deg);
```
La dernière FX versions ont un équivalent:
```
-moz-transform: rotate(270deg);
```
Mais ce n'est pas mainstream encore.

J'ai essayé de le faire avec du texte graphique, mais ont un quelques problèmes.

OriginalL'auteur Keith
0

J'ai utilisé un
pause (br) de commande entre chaque lettre

OriginalL'auteur Leon Botha

/*Do this in a loop for each header cell so Cells[0] to cells[however many] and however long the string is so use length properties to get the actual length of the text string */ 

protected void GridView1_SelectedIndexChanged(object sender, EventArgs e)
        {
         StringBuilder vtxt = new StringBuilder();
            vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(0,1));
            vtxt.Append("<br />");
            vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(1, 1));
            vtxt.Append("<br />");
            vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(2, 1));
            vtxt.Append("<br />");
            vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(3, 1));
            vtxt.Append("<br />");
            vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(4, 1));
            vtxt.Append("<br />");
            vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(5, 1));
            vtxt.Append("<br />");
            vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(6, 1));
            vtxt.Append("<br />");
            vtxt.Append(GridView1.HeaderRow.Cells[0].Text.ToString().Substring(7, 1));

            GridView1.HeaderRow.Cells[2].Text = vtxt.ToString();
        }

Bienvenue sur stackoverflow! Veuillez fournir une brève description pour le code ci-dessus pour améliorer la précision de la poste 🙂

OriginalL'auteur annie

Vous devez vous connecter pour publier un commentaire.