I want to combine the Log In and Sign Up pages into a single, efficient page

Currently, I have two separate pages set up. The first page contains a form with fields for email and password:

The second page includes all the typical questions for a sign-up process.

I am looking to combine both pages into a single page with a split box layout featuring two vertical columns.

Both pages are coded in .aspx format and the forms include the following declaration:

Sign Up:

<div id="main-area">
            <div id="main-panel">
                <div class="table-heading teal">Welcome to the Registration Page</div>

                <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
        

Login page

<div id="main-area">
            <div id="main-panel">
                <div class="table-heading teal">Login</div>
                
                <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
        

I believe I need to create a CSS style using #main-panel-left and #main-panel-right with a width of 50% each. However, when I attempt this, there seems to be an issue with the ASP code causing the page to not function properly.

Answer №1

One method is to construct a table, populate it with cells and rows, and assign controls to the cells based on your requirements.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Dynamic Drop Down Menu with PHP and AJAX loading data from a JSON

Struggling to establish a connection between two drop-down menus using AJAX with data in JSON format. Despite multiple attempts, the code only displays empty drop-downs for both departments and projects. Unsure of where the mistake lies. Here is the code ...

What is the best way to fetch posts that contain an array of user IDs?

I've been working on implementing a bookmark feature for my website to allow users to save posts, but I'm encountering some issues. The idea is that when a user clicks the bookmark button, their ID should be stored in the saves array. When tryin ...

How to Create a Compact JavaFX ComboBox

I'm attempting to create a more compact version of the ComboBox, but no matter what I try, the space between the text and arrow button remains consistent. When using the following CSS: .combo-box-base > *.arrow-button { -fx-padding: 0 0 0 0; ...

Issue: unable to establish a connection to [localhost:27017]

Upon executing node app.js, an error message is displayed: Failed to load c++ bson extension, using pure JS version Express server listening on port 3000 events.js:85 throw er; // Unhandled 'error' event ^ Error: failed to conn ...

Using Flask to instantaneously respond to asynchronous Node.js await calls

I offer two different services, service A which is based on Node.js and service B which uses Flask. There is an endpoint on service A that calls the endpoint of service B in the following manner: const response = await axios.get( endpoint_url ...

Converting a curl command to a $.ajax() call in JavaScript: A step-by-step guide

I'm attempting to retrieve data from the Zomato API by using jquery ajax, however, they have provided a curl command instead. curl -X GET --header "Accept: application/json" --header "user-key: key" "https://developers.zomato.com/api/v2.1/cities" Is ...

The magical unveiling of words through the art of animation

After spending considerable time learning how to code, I find myself seeking assistance in creating a specific animation. For the past two days, I've been struggling to bring my vision to life (see attached image). Unfortunately, my current knowledge ...

How can I retrieve the $index value of an ng-repeat element within a uib-dropdown?

I am currently working on implementing an ng-repeat loop that includes a dropdown menu for each element. I want the dropdown menu to contain functions that operate on the specific element, requiring access to the index of that element. Below is the code sn ...

Click to collapse the Bootstrap navbar

Is there a way to collapse the Bootstrap nav bar when a user clicks on a nav-bar button instead of it staying open? <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> ...

Utilizing AJAX to define the attributes of an object

As a beginner in OOP, I am trying to create an object using an ajax request. My goal is to retrieve 'responseArray' in JSON format and then manipulate it. function address(adres) { this.address_string = adres; var self = this; $.ajax({ typ ...

Content within a tab is displayed in another tab

Currently, I am developing a Spring-Boot application with Thymeleaf integration. For styling, I have chosen Bootstrap4 as my CSS framework. In the profile page, I am using nav-tabs to organize the content. The first three tabs are working perfectly fine, b ...

What methods are available for incorporating JavaScript classes from separate files into HTML while maintaining compatibility with IOS?

Currently, I find myself in a situation where I am required to utilize classes from JavaScript across various js files. For instance, there is a class named Panel located within the file js/radar-home.js. Below is how I am currently utilizing the class wit ...

What is the best way to display the entire background image in a jumbotron?

After some experimentation, I discovered that by increasing the amount of content I have, it displays the full background image. Is there a clean and efficient way to achieve this? <div class="jumbotron jumbotron-fluid" style="background: url('./a ...

Guide on including an arrow to the right of a drop-down list button using CSS

I'm currently working on developing a drop down list using polymer. I am facing an issue with the CSS styling. Below is an example for reference: Access jsfiddle example here <div style="width:200px" class="button initial gray"> <div style ...

Is there a way to implement an event listener for a customized select element within a table on a webpage?

I have a table that contains columns populated from a database. I also have a custom select dropdown in one of the columns, along with an update button. I want to create an event listener for the button that captures the user's selection from the cust ...

Incorporate Google Analytics tracking code into a website designed using Microsoft Word 2010

Is there a way to include the Google Analytics tracking code in a website made with Microsoft Word 2010? I will be making changes to the site using Word, so I need a solution that is compatible with Word (instead of editing the HTML output using another pr ...

Evaluating two date values in c sharp

Controller: public JsonResult UpdateOrders(string id) { int[] completedOrders = new int[8]; int countCompleted; var dueDate = DateTime.Today; for (int i = 0; i < 8; i++) { dueDate = DateTime.Today.AddDays(-i); count ...

Having trouble getting jquery to filter json data based on the selected option

I have developed a code using jQuery to filter the options in a drop-down list based on the selection made. The data is in JSON format and is fetched from a database. However, when I select an option from the drop-down list, the code does not enter the loo ...

How can I shift the top line to the bottom of the text using CSS?

I am facing an issue with CSS or HTML where I need to move a line from the first circle to the second one, as shown in the image below. Here is the link to my JSfiddle version: https://i.sstatic.net/Pn6rF.jpg JSFiddle code: https://jsfiddle.net/odzuwsdt ...

JavaScript SQL results in either a string or an object after executing a

I am facing an issue with the following query: sql = client.query("SELECT * FROM monitormaterialsept", function (err, result, fields) { if (err) throw err; console.log(result); }) I am unsure of what the output of the sql variable is. Is there a ...