[RESOLVED]table format change with a RequiredFieldValidator

Calendar, CSS, DropDownList, FileUpload, HTML, Image, Jquery, Label, Linq, PDF, Post, RequiredFieldValidator, Table, TextBox, Upload, Web Forms, Xml, , , , , , , , , , , , , , , ,

Hi my format is this without a RequiredFieldValidator

and this is my format WITH a RequiredFieldValidator

why it change like that?

this is my code

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Desestimientos_Adendas.aspx.cs" Inherits="Desestimientos_Adendas" %>

<!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 runat="server">
    <title></title>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <link href="css/jquery-ui.css" rel="Stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $("[id$=txtFechaDesAdenda]").datepicker({
                firstDay: 1,
                dateFormat: 'dd/mm/yy',
                showOn: 'button',
                buttonImageOnly: true,
                buttonImage: 'images/Calendar-Logo-16x16.png',
                monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                dayNamesMin: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab']
                //onSelect: function (date) { alert(date) }
            });
        });

        function keyUP(e) {
            e = e || window.event;
            el = e.srcElement || e.target;
            el.value = el.value.split('.').join(',');
        }
    </script>
    <style type="text/css">
        .text-izq
        {
            text-align: left;
        }
        .centrar
        {
            vertical-align:middle;
            text-align:center;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="lblDireccionArchivo" runat="server" Text="" Visible="false"></asp:Label>
        <div style="text-align:center;">
        <table class="centrar" border="2">
            <tr>
                <td align="center">
                    <asp:Label ID="lblAlerta" runat="server" Text="" Visible="false"></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <asp:DropDownList ID="ddlPrestamos" runat="server" AppendDataBoundItems="true">
                    </asp:DropDownList>
                </td>
                <td align="left">
                    <asp:RequiredFieldValidator ID="rfvddlPrestamos" InitialValue=".: PRÉSTAMOS :." ControlToValidate="ddlPrestamos" runat="server" ErrorMessage="Seleccione Un Préstamo" ForeColor="Red"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <asp:DropDownList ID="ddlDesesAdenda" runat="server">
                    </asp:DropDownList>
                </td>
                <td align="left">
                    <asp:RequiredFieldValidator ID="rfvddlDesesAdenda" InitialValue=".: SELECCIONAR :." ControlToValidate="ddlDesesAdenda" runat="server" ErrorMessage="Seleccione una opción" ForeColor="Red"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right" style="border-color:Black; border-width:medium;">
                    Fecha Desestimiento o Adenda: 
                </td>
                <td align="left" style="border-color:Black; border-width:medium;">
                    <asp:TextBox ID="txtFechaDesAdenda" runat="server"></asp:TextBox>
                </td>
                <td align="left">
                    <asp:RequiredFieldValidator ID="rfvtxtFechaDesAdenda" ControlToValidate="txtFechaDesAdenda" runat="server" ErrorMessage="Ingrese una fecha" ForeColor="Red"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right" style="border-color:Black; border-width:medium;">
                    Monto Desestimiento o Adenda: 
                </td>
                <td align="left" style="border-color:Black; border-width:medium;">
                    <asp:TextBox ID="txtMontoDesAdenda" runat="server" CssClass="text-izq" onkeyup="return keyUP(event)" ></asp:TextBox>
                </td>
                <td align="left">
                    <asp:RequiredFieldValidator ID="rfvtxtMontoDesAdenda" ControlToValidate="txtMontoDesAdenda" runat="server" ErrorMessage="Ingrese un Monto" ForeColor="Red"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right" style="border-color:Black; border-width:medium;">
                    Observaciones:
                </td>
                <td align="left" style="border-color:Black; border-width:medium;">
                    <asp:TextBox ID="txtObservaciones" runat="server" TextMode="MultiLine" CssClass="text-izq"></asp:TextBox>
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <strong>Documentación Digitalizada (Tamaño Máximo 50 MB) <img src="images/pdf-icon.png" /></strong>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:FileUpload ID="fulArchivo" runat="server" AutoPostBack="true" />
                </td>
            </tr>
                <td colspan="2">
                    <strong><asp:Label runat="server" ID="lblUpload" ForeColor="#00CC00" /></strong>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <strong>NOMBRE DEL ARCHIVO </strong>
                    <br />
                    <strong><asp:Label runat="server" ID="lblNombreArchivo" /></strong>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:Button ID="btnUpload" runat="server" Text="Cargar Archivo" OnClick="btnUpload_Click" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:Button ID="btnGuardar" runat="server" Text="Guardar" onclick="btnGuardar_Click1" Visible="false"/>
                </td>
            </tr>
        </table>
        </div> 
    </div>
    </form>
</body>
</html>

.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

using System.Drawing;

using System.Data.SqlClient;
using System.Data;
using System.Configuration;
using System.Data.Common;
using System.Data.OleDb;

using System.Collections;
using System.Web.Security;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Web.Configuration;
using System.IO;
using System.Text;

public partial class Desestimientos_Adendas : System.Web.UI.Page
{
    private string connectionString = WebConfigurationManager.ConnectionStrings["sigademu"].ConnectionString;

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            LlenarddlPrestamos();
            string prestamo_id = Convert.ToString(ddlPrestamos.SelectedValue);
            FillddlDesesAdenda();
        }
    }

    #region void FillddlDesesAdenda()
    protected void FillddlDesesAdenda()
    {
        ddlDesesAdenda.Items.Insert(0, ".: SELECCIONAR :.");
        ddlDesesAdenda.Items.Insert(1, "Desestimiento");
        ddlDesesAdenda.Items.Insert(2, "Adenda");
    }
    #endregion

    protected void LlenarddlPrestamos()
    {
        SqlConnection cnx = new SqlConnection(connectionString);
        cnx.Open();

        SqlCommand cmd = new SqlCommand("SELECT DISTINCT prestamo_id,codigo_interno,acreedor_id FROM tblPrestamos WHERE prestamo_id <> 'SGDM-27' AND prestamo_id <> 'SGDM-29' AND prestamo_id <> 'SGDM-30' AND prestamo_id <> 'SGDM-47' AND prestamo_id <> 'SGDM-49' AND prestamo_id <> 'SGDM-50' AND prestamo_id <> 'SGDM-51' AND prestamo_id <> 'SGDM-52' AND prestamo_id <> 'SGDM-53' AND prestamo_id <> 'SGDM-54' AND prestamo_id <> 'SGDM-55' AND prestamo_id <> 'SGDM-56' AND prestamo_id <> 'SGDM-54' AND prestamo_id <> 'SGDM-53' ORDER BY codigo_interno ASC ", cnx);
        SqlDataAdapter adp = new SqlDataAdapter(cmd);
        DataTable dt = new DataTable();
        adp.Fill(dt);
        cnx.Close();
        ddlPrestamos.DataSource = dt;
        ddlPrestamos.Items.Insert(0, ".: PRÉSTAMOS :.");

        ddlPrestamos.DataTextField = "codigo_interno";
        ddlPrestamos.DataValueField = "prestamo_id";
        ddlPrestamos.DataBind();
        

    }

    #region btnUpload_Click
    protected void btnUpload_Click(object sender, EventArgs e)
    {
        Boolean fileOk = false;
        DateTime fec1 = Convert.ToDateTime(txtFechaDesAdenda.Text);
        string fec2 = fec1.ToString("yyyy-MM-dd");
        string NombreArchivo = ddlPrestamos.SelectedItem + "_" + fec2;
        lblNombreArchivo.Text = NombreArchivo;
        String path = Server.MapPath("~/Docs/Desestimientos_Adendas/");
        String direccion = "~/Docs/Desestimientos_Adendas/";


        if (fulArchivo.HasFile)
        {
            int fileSize = fulArchivo.PostedFile.ContentLength;
            if (fileSize < 420000000)
            {
                string FileExtension = System.IO.Path.GetExtension(fulArchivo.FileName).ToLower();
                string allowwExtension1 = ".pdf";
                string allowwExtension2 = ".doc";
                string allowwExtension3 = ".docx";
                string allowwExtension4 = ".xls";
                string allowwExtension5 = ".xlsx";
                if (FileExtension == allowwExtension1 || FileExtension == allowwExtension2 || FileExtension == allowwExtension3 || FileExtension == allowwExtension4 || FileExtension == allowwExtension5)
                {
                    fileOk = true;
                }

            }
            else
            {
                fileOk = false;
            }
        }
        if (fileOk)
        {
            try
            {
                //GUARDAR CON EL NOMBRE POR DEFECTO EL ARCHIVO
                //fulArchivo.PostedFile.SaveAs(path + fulArchivo.FileName);

                //GUARDAR CON OTRO NOMBRE EL ARCHIVO QUE SE CARGO
                path += NombreArchivo;
                direccion += NombreArchivo;
                string FileExtension = System.IO.Path.GetExtension(fulArchivo.FileName).ToLower();
                path += FileExtension;
                direccion += FileExtension;
                lblDireccionArchivo.Text = direccion.ToString();
                fulArchivo.PostedFile.SaveAs(path);
                // ES DECIR POR TEXTBOX
                lblUpload.Text = "Su Archivo Se Cargo Exitosamente";
                btnGuardar.Visible = true;
                btnUpload.Visible = false;
            }
            catch
            {
                lblUpload.Text = "Su Archivo No Se logro Cargar" + "El Archivo no Es PDF o Exedio el Tamaño de Archivo";
            }
        }
        else
        {
            lblUpload.Text = "No existe Archivo Seleccionado ";
        }
    }
    #endregion

    protected void btnGuardar_Click1(object sender, EventArgs e)
    {
        string prestamo_id = ddlPrestamos.SelectedValue.ToString();
        string deses_adenda = ddlDesesAdenda.SelectedIndex.ToString();//0=seleccionar, 1=desestimiento, 2=adenda

        //if (txtFechaDesAdenda.Text == "" || txtFechaDesAdenda.Text == null)
        //{
        //    lblAlertaFecha.Visible = true;
        //}

        DateTime fechaDesesAdenda_0 = Convert.ToDateTime(txtFechaDesAdenda.Text);
        string fechaDesesAdenda = fechaDesesAdenda_0.ToString("dd/MM/yyyy");

        decimal montoDesesAdenda = Convert.ToDecimal(txtMontoDesAdenda.Text);

        string observaciones = txtObservaciones.Text;

        string pathArchivo = lblDireccionArchivo.Text;

        string UsuCre = Convert.ToString(Session["usuario"]);
        DateTime FechaCre = DateTime.Now;

        SqlConnection cnx = new SqlConnection(connectionString);

        try
        {
            SqlCommand command = new SqlCommand("InsertDesestimientoAdenda", cnx);
            command.CommandType = CommandType.StoredProcedure;
            command.Parameters.Add("@prestamo_id", SqlDbType.VarChar).Value = prestamo_id;
            command.Parameters.Add("@deses_adenda", SqlDbType.Int).Value = deses_adenda;
            command.Parameters.Add("@fechaDesesAdenda", SqlDbType.DateTime).Value = fechaDesesAdenda;
            command.Parameters.Add("@montoDesesAdenda", SqlDbType.Decimal).Value = montoDesesAdenda;
            command.Parameters.Add("@observaciones", SqlDbType.VarChar).Value = observaciones;
            command.Parameters.Add("@pathArchivo", SqlDbType.VarChar).Value = pathArchivo;
            command.Parameters.Add("@UsuCre", SqlDbType.VarChar).Value = UsuCre;
            command.Parameters.Add("@FechaCre", SqlDbType.DateTime).Value = FechaCre;
            cnx.Open();
            command.ExecuteNonQuery();
            lblAlerta.Visible = true;
            lblAlerta.Text = "Registro Exitoso!!!";
            lblAlerta.ForeColor = System.Drawing.Color.Green;
        }
        catch (SqlException ex)
        {
            lblAlerta.Visible = true;
            lblAlerta.Text = "SQL ERROR: " + ex.Message.ToString();
            lblAlerta.ForeColor = System.Drawing.Color.Red;
        }
        finally
        {
            cnx.Close();
            //Response.Redirect("~/RegistroCuotas.aspx", true);
            Response.AddHeader("REFRESH", "10;URL=Principal.aspx");
        }

    }


}

Hi gokufast,

For your issue ,i suggest that you can try to remove "border-width:medium" in your  code like below:

 

gokufast

<td align="right" style="border-color:Black; border-width:medium;">

Here is the page code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="../Scripts/jquery-1.10.2.js"></script>
    <link href="../Scripts/jquery-ui-1.10.4.custom.css" rel="stylesheet" />
    <script src="../Scripts/jquery-ui-1.10.4.custom.js"></script>
    <script type="text/javascript">
        $(function () {
            $("[id$=txtFechaDesAdenda]").datepicker({
                firstDay: 1,
                dateFormat: 'dd/mm/yy',
                showOn: 'button',
                buttonImageOnly: true,
                buttonImage: 'images/Calendar-Logo-16x16.png',
                monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                dayNamesMin: ['Dom', 'Lun', 'Mar', 'Mie', 'Jue', 'Vie', 'Sab']
                //onSelect: function (date) { alert(date) }
            });
        });

        function keyUP(e) {
            e = e || window.event;
            el = e.srcElement || e.target;
            el.value = el.value.split('.').join(',');
        }
    </script>
    <style type="text/css">
        .text-izq
        {
            text-align: left;
        }
        .centrar
        {
            vertical-align:middle;
            text-align:center;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Label ID="lblDireccionArchivo" runat="server" Text="" Visible="false"></asp:Label>
        <div style="text-align:center;">
        <table class="centrar" border="1">
            <tr>
                <td align="center">
                    <asp:Label ID="lblAlerta" runat="server" Text="" Visible="false"></asp:Label>
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <asp:DropDownList ID="ddlPrestamos" runat="server" AppendDataBoundItems="true">
                    </asp:DropDownList>
                </td>
                <td align="left">
                    <asp:RequiredFieldValidator ID="rfvddlPrestamos" InitialValue=".: PRÉSTAMOS :." ControlToValidate="ddlPrestamos" runat="server" ErrorMessage="Seleccione Un Préstamo" ForeColor="Red"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="center" colspan="2">
                    <asp:DropDownList ID="ddlDesesAdenda" runat="server">
                    </asp:DropDownList>
                </td>
                <td align="left">
                    <asp:RequiredFieldValidator ID="rfvddlDesesAdenda" InitialValue=".: SELECCIONAR :." ControlToValidate="ddlDesesAdenda" runat="server" ErrorMessage="Seleccione una opción" ForeColor="Red"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right" style="border-color:Black;">
                    Fecha Desestimiento o Adenda: 
                </td>
                <td  style="border-color:Black;">
                    <asp:TextBox ID="txtFechaDesAdenda" runat="server"></asp:TextBox>
 
                </td>
                <td align="left" style="border-color:Black;">

                      <asp:RequiredFieldValidator ID="RequiredFieldValidator1" InitialValue=".: SELECCIONAR :." ControlToValidate="ddlDesesAdenda" runat="server" ErrorMessage="Seleccione una opción" ForeColor="Red"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
                <td align="right" style="border-color:Black;">
                    Monto Desestimiento o Adenda: 
                </td>
                <td align="left" style="border-color:Black;">
                    <asp:TextBox ID="txtMontoDesAdenda" runat="server" CssClass="text-izq" onkeyup="return keyUP(event)" ></asp:TextBox>
                </td>
                <td align="left">
                    <asp:RequiredFieldValidator ID="rfvtxtMontoDesAdenda" ControlToValidate="txtMontoDesAdenda" runat="server" ErrorMessage="Ingrese un Monto" ForeColor="Red"></asp:RequiredFieldValidator>
                </td>
            </tr>
            <tr>
             <td align="right" style="border-color:Black; border-width:medium;">                    Observaciones:
                </td>
                <td align="left" style="border-color:Black; border-width:medium;">
                    <asp:TextBox ID="txtObservaciones" runat="server" TextMode="MultiLine" CssClass="text-izq"></asp:TextBox>
                </td>
                <td>
                    &nbsp;
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <strong>Documentación Digitalizada (Tamaño Máximo 50 MB) <img src="images/pdf-icon.png" /></strong>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:FileUpload ID="fulArchivo" runat="server" AutoPostBack="true" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <strong><asp:Label runat="server" ID="lblUpload" ForeColor="#00CC00" /></strong>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <strong>NOMBRE DEL ARCHIVO </strong>
                    <br />
                    <strong><asp:Label runat="server" ID="lblNombreArchivo" /></strong>
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:Button ID="btnUpload" runat="server" Text="Cargar Archivo" OnClick="btnUpload_Click1" />
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <asp:Button ID="btnGuardar" runat="server" Text="Guardar" onclick="btnGuardar_Click2" Visible="false"/>
                </td>
            </tr>
        </table>
        </div> 
    </div>
    </form>
</body>
</html>

Best Regards,

Kevin Shen.

wow, thanks

Leave a Reply