none
WebUserControl no topo imóvel com o movimento da barra rolagem RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    É possível imobilizar um WebUserControl no topo de um WebForm diante ao movimento da barra de rolagem?

    E um Panel é possível?


    • Editado Wilson Boris segunda-feira, 23 de julho de 2012 01:30 correçao
    segunda-feira, 23 de julho de 2012 01:29
    |

Respostas

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Amigo,

    Só completando o que o Junior disse, você precisa colocar isso no CSS utilizando a propriedade POSITION, exemplo:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div style="position: fixed; top: 0px; left:0px; border:1px solid #000;">seu controle!!</div>
<div style="width: 2000px; height: 2000px;"></div>
</body>
</html>

    Espero ter ajudado e boa sorte!

    Não esqueça de marcar como útil uma resposta que te ajude.
    "A diversão é a alma do negócio"

    • Sugerido como Resposta Lucas Vandor segunda-feira, 23 de julho de 2012 14:14
    • Marcado como Resposta Wilson Boris terça-feira, 24 de julho de 2012 01:21
    segunda-feira, 23 de julho de 2012 12:44
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar
    claro que pode ter e é o ideal que seja assim ai vc personaliza melhor seu aspx, é como te falei acima o pai sempre manda sobre os filhos é uma herança normal como qualquer outra. coloca id para cada <div> que vc quer ou vc controla na página ou no css

    Junior

    • Marcado como Resposta Wilson Boris segunda-feira, 23 de julho de 2012 14:21
    segunda-feira, 23 de julho de 2012 14:02
    |

Todas as Respostas

  • Question
    Entrar para Votar
    0
    Entrar para Votar
    No css vc coloca position:fixed

    Junior

    segunda-feira, 23 de julho de 2012 12:02
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Amigo,

    Só completando o que o Junior disse, você precisa colocar isso no CSS utilizando a propriedade POSITION, exemplo:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div style="position: fixed; top: 0px; left:0px; border:1px solid #000;">seu controle!!</div>
<div style="width: 2000px; height: 2000px;"></div>
</body>
</html>

    Espero ter ajudado e boa sorte!

    Não esqueça de marcar como útil uma resposta que te ajude.
    "A diversão é a alma do negócio"

    • Sugerido como Resposta Lucas Vandor segunda-feira, 23 de julho de 2012 14:14
    • Marcado como Resposta Wilson Boris terça-feira, 24 de julho de 2012 01:21
    segunda-feira, 23 de julho de 2012 12:44
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Olá Junior,

    obrigado pelo retorno. Desculpe, mas não captei a recomendação.

    Nas propriedades do Panel tanto do WebForm qto do WebUserControl eu tenho o CcsClass e ai escrevi  position:fixed, sem sucesso.

    segunda-feira, 23 de julho de 2012 12:55
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar
    ele não ficou fixo ? vc tem que ver o aninhamento em termos de css como está seus controles pq se acima por exemplo vc tem uma div que a position dela seja por exemplo relative ela vai subrepor a position do seu componente.

    Junior

    segunda-feira, 23 de julho de 2012 13:07
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    A estrutura esta como abaixo, sendo que preciso fixar "MENU1" e "Panel3"
     
    <body>
        <form id="form1" runat="server">
        <center>
        <div>
          
            <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
            </asp:ToolkitScriptManager>

            <uc1:MENU ID="MENU1" runat="server" />
           <br />
                  <table>

                  <tr><td class="style20" style="text-align: left; vertical-align: top;">
                      <asp:Panel ID="Panel3" runat="server" Font-Bold="True" Font-Size="Small"
                          GroupingText="I-Inserir | A-Alterar | E-Excluir | G-Gravar | C-Cancelar | P-Pesquisar"
                          Width="470px" CssClass="fixed">

    segunda-feira, 23 de julho de 2012 13:21
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    tente fazer assim

    <div id="menu" style="position:fixed" >
    </div>

    Junior

    segunda-feira, 23 de julho de 2012 13:29
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar
    Junior fixou o formulário inteiro. Devo criar uma "<div></div>" específica? Posso ter várias <div> em um WebForm?
    segunda-feira, 23 de julho de 2012 13:43
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar
    claro que pode ter e é o ideal que seja assim ai vc personaliza melhor seu aspx, é como te falei acima o pai sempre manda sobre os filhos é uma herança normal como qualquer outra. coloca id para cada <div> que vc quer ou vc controla na página ou no css

    Junior

    • Marcado como Resposta Wilson Boris segunda-feira, 23 de julho de 2012 14:21
    segunda-feira, 23 de julho de 2012 14:02
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Boa tarde Wilson,

    O que defini a posição dos elementos é o html e css.
    Desta forma CssClass='fixed' não é o correto. CssClass deve ser uma classe css. 'fixed' é o valor de uma propriedade css. O correto seria:

    <style type='text/css'>
    .position-fixed{
           position:fixed;
    }
    </style>

    <asp:Panel ID="Panel3" runat="server" Font-Bold="True" Font-Size="Small"
                          GroupingText="I-Inserir | A-Alterar | E-Excluir | G-Gravar | C-Cancelar | P-Pesquisar"
                          Width="470px" CssClass="position-fixed">

    No caso de seu userControl, tente envolve lo com uma div da seguinte forma:

    <div class='position-fixed'>
    <uc1:MENU ID="MENU1" runat="server" />
    </div>

    ou

    <div style='position:fixed'>
    <uc1:MENU ID="MENU1" runat="server" />
    </div>

    Att,

    segunda-feira, 23 de julho de 2012 19:00
    |
  • Question
    Entrar para Votar
    0
    Entrar para Votar

    Vitor, obrigado pelo retorno. Ok, porém meu WebUserControl não está fixando no centro da tela, abaixo o código:

    <body>
        <form id="form1" runat="server">   
        <center>
        <div style='position:fixed'>

    segunda-feira, 23 de julho de 2012 20:23
    |