Ir para conteúdo
Fórum Script Brasil
  • 0

Wrap para Internet Explorer 6

Thyago Henrique

Perguntado por Thyago Henrique,

 Share

Pergunta

Thyago Henrique

Thyago Henrique

Postado
Postado

Boa tarde Galera,

Eu estava antes com um problema no meu gridview onde ele joga os textos pra baixo quando não da certo o tamanho da coluna. Vejam como está...

img1x.jpg

O que eu queria é que a coluna se ajustasse conforme o conteúdo ou que ficasse apenas na coluna JOÃO DA SIL por exemplo e não aparecesse mais o VA (como esta na imagem abaixo) a não ser quando ele selecionar o cliente e abri-lo em uma outra tela.

img2k.jpg

Para o Internet Explorer 8, o grid esta funcionando desta forma que necessito, porém, nos inferiores não.

Abraço a todos,

Thyago

Link para o comentário
Compartilhar em outros sites

9 respostass a esta questão

Posts Recomendados

  • 0
Thyago Henrique

Thyago Henrique

Postado
  • Autor
Postado
Como fez isso para outros navegadores?

Abraços...

Bom dia!

Como disse, utilizei o Wrap para fazer com que a coluna se reajustasse conforme o conteúdo. Abaixo, veja o código:

<asp:GridView ID="grid" runat="server" CssClass="tblGrid" AutoGenerateColumns="true" AutoGenerateSelectButton="False">
    <RowStyle CssClass="rowGrid" Wrap="false"/>                                                                    
    <AlternatingRowStyle CssClass="rowGridAlt" />
    <HeaderStyle CssClass="headerGrid" Wrap="false"/>
    <Columns>
        <asp:TemplateField ControlStyle-Width="50px" HeaderStyle-Width="60px" HeaderText="Selecione">
            <ItemTemplate>
                <asp:ImageButton ID="btn_Selecionar" runat="server" Height="20px" ImageUrl="select.png" Width="66px" OnClick="btn_Selecionar_Click"/>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
    <EmptyDataTemplate> Nenhum registro encontrado! </EmptyDataTemplate>
</asp:GridView>

Esse código esta funcionando para o Internet Explorer 8 mas para o Internet Explorer inferior não. O que eu queria saber é se tem algum outro modo de eu fazer isso para esses navegadores inferiores.

Abraços...

Thyago

Link para o comentário
Compartilhar em outros sites
  • 0
Thyago Henrique

Thyago Henrique

Postado
  • Autor
Postado (editado)
Terá que ver o HTML e o CSS que ele gera quando isso é compilado, talvez você tenha que corrigir algo do css manualmente.

Abraços...

Veja abaixo o código HTML do grid.

<table class="tblGrid" cellspacing="0" rules="all" border="1" id="uc_pesquisa1_grid_Pesquisa" style="border-collapse:collapse;">
    <tr class="headerGrid" style="white-space:nowrap;">
        <th scope="col" style="width:60px;">Selecione</th>
        <th scope="col">Código</th>
        <th scope="col">Usuário</th>
        <th scope="col">Nome</th>
        <th scope="col">E-mail</th>
    </tr>
    <tr class="rowGrid" style="white-space:nowrap;">
        <td>
            <input type="image" name="uc_pesquisa1$grid_Pesquisa$ctl02$btn_Selecionar" id="uc_pesquisa1_grid_Pesquisa_ctl02_btn_Selecionar" src="select.png" style="height:20px;width:50px;border-width:0px;" />
        </td>
        <td>63</td>
        <td>THYAGO</td>
        <td>THYAGO</td>
    </tr>
    <tr class="rowGridAlt" style="white-space:nowrap;">
        <td>
            <input type="image" name="uc_pesquisa1$grid_Pesquisa$ctl03$btn_Selecionar" id="uc_pesquisa1_grid_Pesquisa_ctl03_btn_Selecionar" src="images/btn_select.png" style="height:20px;width:50px;border-width:0px;" />
        </td>
        <td>68</td>
        <td>MARIA</td><td>MARIA APARECIDA DA SILVA</td>
        <td style="width:5px;">maria@maria.com.br</td>
    </tr>
</table>

Abraço

Editado por Thyago Henrique
Link para o comentário
Compartilhar em outros sites
  • 0
Thyago Henrique

Thyago Henrique

Postado
  • Autor
Postado
Como percebeu ele gerou: 
style="white-space:nowrap;"

Agora eu terá que ver com a galera de css como arrumar isso para todos os browsers.

Abraços...

Quintelab, como eu faço pra editar o html gerado? Aqui ele abre uma janelinha quando clico em exibir codigo fonte mas ela não deixa que eu edite o html.

Abraço

Link para o comentário
Compartilhar em outros sites
  • 0
Thyago Henrique

Thyago Henrique

Postado
  • Autor
Postado

Galera,

Seguinte...

Consegui fazer com que o wrap funcione porém apenas quando seleciono uma linha do grid ou passo o cursor do mouse em cima. Quando fica fora o wrap não funciona. Será que tem algo de errado no grid ou então no css mesmo?

Vou postar os dois aqui pra vocês.

- GridView

<asp:GridView ID="grid_Pesquisa" runat="server" CssClass="tblGrid" AutoGenerateColumns="true" AutoGenerateSelectButton="False">
    <RowStyle CssClass="rowGrid" Wrap="false"/>                                                                    
    <AlternatingRowStyle CssClass="rowGridAlt" />
    <HeaderStyle CssClass="headerGrid" Wrap="false"/>
    <Columns>
        <asp:TemplateField ControlStyle-Width="50px" HeaderStyle-Width="60px" HeaderText="Selecione">
            <ItemTemplate>
                <asp:ImageButton ID="btn_Selecionar" runat="server" Height="20px" ImageUrl="select.png" Width="66px" click="btn_Selecionar_Click"/>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
    <EmptyDataTemplate> Nenhum registro encontrado! </EmptyDataTemplate>
</asp:GridView>                                                                 
<mycontrols:GridViewControlExtender ID="grid_PesquisaExtender" runat="server" TargetControlID="grid_Pesquisa" RowHoverCssClass="row-over" RowSelectCssClass="row-selected"/>
- CSS 
.tblGrid
{
    font-family:Arial, Verdana;
    font-size:small;
    color: Black;
    min-width: 10px;
    min-height: 10px;
    border:2px solid #000;
    color:#000;
    font-weight:bold;
}

/* Hack para Internet Explorer 7 ou inferior */
*+html .tblGrid
{
    font-family:Arial, Verdana;
    font-size:small;
    color: Black;
    min-width: 10px;
    min-height: 10px;
    border:2px solid #000;
    color:#000;
    font-weight:bold;
    border-collapse: collapse;
}

.rowGrid
{
    padding:2px 2px;
    border-bottom:solid 2px #000000;
    background-color:#ffddb4;
    color:#000;
}

/* Hack para Internet Explorer 7 ou inferior */
*+html .rowGrid
{
    padding:2px 2px;
    border-bottom:solid 2px #000000;
    background-color:#ffddb4;
    color:#000;
    white-space: nowrap;
}

.rowGridAlt
{
    padding:2px 2px;
    border-bottom:solid 2px #000000;
    background-color:#fff6ec;
    color:#000;
}

/* Hack para Internet Explorer 7 ou inferior */
*+html .rowGridAlt
{
    padding:2px 2px;
    border-bottom:solid 2px #000000;
    background-color:#fff6ec;
    color:#000;
    white-space: nowrap;
}

.headerGrid
{
    background-image: url(../images/backgrid.jpg);
    height:20px;
    border: solid 2px #000000;
}

.row-over
{
    background-color:#ffc580; 
    background-repeat:repeat;
    color: #000;
    border-bottom: solid 1px #000000;
    text-align: center;
    cursor: default;
    font-weight: bold;
    font-family: Arial, Verdana;
    font-size:small;    
}

/* Hack para Internet Explorer 7 ou inferior */
*+html .row-over
{
    background-color:#ffc580;
    background-repeat:repeat;
    color: #000;
    border-bottom: solid 1px #000000;
    text-align: center;
    cursor: default;
    font-weight: bold;
    font-family: Arial, Verdana;
    font-size:small;    
    white-space: nowrap;
}

.row-selected
{
    background-color:#ff9e28;
    background-repeat:repeat;
    color:#fff;
    text-align:center;
}

/* Hack para Internet Explorer 7 ou inferior */
*+html .row-selected
{
    background-color:#ff9e28;
    background-repeat:repeat;
    color:#fff;
    text-align:center;
    white-space: nowrap;
}

Abraço

Thyago

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...