none
Espacios entre linkbutton ampliar espacio RRS feed

  • Pregunta

  • Hola de nuevo saludos.

    Tengo una aplicación en asp, c# y un inconveniente con algunos linkbutton ya que como ven en el código están visibles dependiendo de la respuesta de la base de datos pero a cada una de ellas le dejo un espacio con <br /> pero al momento de que estén visibles la primera y la ultima opción me queda un vació enorme entre las mismas la cual no es nada agradable a la vista, entonces, consulto si existe alguna forma de asignarle el <br /> o enter desde el Text="" sin modificar el css o alguna otra forma. Y lo hago asi porque a la falta de <br /> las lineas se ven muy pegadas y no se distinguen las letras, y la

    <div style="text-align: center;" >
        <div style="display:inline-table; text-align:left; height: auto;">                                                         
            <span>                                                            
                <asp:LinkButton ID="lkbOpc1" runat="server" Visible='<%# Convert.ToBoolean(DataBinder.Eval(Container.DataItem,"c1"))%>' Text=" Opción 1" CssClass="glyphicon glyphicon-print" ></asp:LinkButton>                                                        
            </span>  
            <br />
            <span>
                <asp:LinkButton ID="lkbOpc2" runat="server"  Visible='<%# Convert.ToBoolean(DataBinder.Eval(Container.DataItem,"c2"))%>' Text=" Opción 2" CssClass="glyphicon glyphicon-list-alt" ></asp:LinkButton>                                                                                                                      </span>                                                                                                                                                      
            <br />
            <span>
                <asp:LinkButton ID="lkbOpc4" runat="server" Visible='<%# Convert.ToBoolean(DataBinder.Eval(Container.DataItem,"c3"))%>' Text=" Opción 3" CssClass="glyphicon glyphicon-print" ></asp:LinkButton>                                                            
            </span>     
            <br />                                   
            <span>
                <asp:LinkButton ID="lkbOpc5" runat="server" Visible='<%# Convert.ToBoolean(DataBinder.Eval(Container.DataItem,"c4"))%>' Text=" Opción 4" CssClass="glyphicon glyphicon-cloud-alt" ></asp:LinkButton>                                                            
           </span>
        </div>
    </div>
    Muchas Gracias.
     
    • Editado AlfedNim martes, 17 de marzo de 2015 22:41
    martes, 17 de marzo de 2015 22:37

Respuestas

  • Puedes utilizar estilos:

    <style>
    .margenabajo {margin-bottom: 20px; }
    </style>
    
    <div style="text-align: center;" >
        <div style="display:inline-table; text-align:left; height: auto;">                                                         
            <span>                                                            
                <asp:LinkButton ID="lkbOpc1" runat="server" Visible='<%# Convert.ToBoolean(DataBinder.Eval(Container.DataItem,"c1"))%>' Text=" Opción 1" CssClass="glyphicon glyphicon-print margenabajo" ></asp:LinkButton>                                                        
            </span>  
            <span>
                <asp:LinkButton ID="lkbOpc2" runat="server"  Visible='<%# Convert.ToBoolean(DataBinder.Eval(Container.DataItem,"c2"))%>' Text=" Opción 2" CssClass="glyphicon glyphicon-list-alt margenabajo" ></asp:LinkButton>                                                                                                                      </span>                                                    
    
            <span>
                <asp:LinkButton ID="lkbOpc4" runat="server" Visible='<%# Convert.ToBoolean(DataBinder.Eval(Container.DataItem,"c3"))%>' Text=" Opción 3" CssClass="glyphicon glyphicon-print margenabajo" ></asp:LinkButton>                                                            
            </span>     
    
            <span>
                <asp:LinkButton ID="lkbOpc5" runat="server" Visible='<%# Convert.ToBoolean(DataBinder.Eval(Container.DataItem,"c4"))%>' Text=" Opción 4" CssClass="glyphicon glyphicon-cloud-alt margenabajo" ></asp:LinkButton>                                                            
           </span>
        </div>
    </div>

    martes, 17 de marzo de 2015 22:45