Batch Editing of a Table Using Checkboxes on Left - html

I have check boxes in the far left hand column in a table and would like to use these to perform batch edits on the contents of the table. For example a user would like to edit multiple items in the table: They check the ones they want to edit, and then go to the drop down at the bottom of the table to select what they'd like to change one of the columns to. When they hit submit I would check for boxes that are checked and modify the associated columns. The image below shows this visually.
The checkboxes I are not in any and are solely checkboxes. I'm assuming this is the correct thing to do as I do not the whole table being part of the form. My question then is, how would I submit the checkboxes when "Submit" is pressed, so that I can check which checkboxes are used?

Move the form tag to the top of the table and then the checkboxes will be included in the POST request.

Related

Remove the editing cursor in the table's fields of Forms in Access

I have some Forms in my project which tables. Those tables has records, where I have on each line, some text fields (informational), and some buttons. When I select one of those lines with the mouse, by clicking on one of the text fields the editing cursor is always twinkeling in the field where I clicked. I would like that my mouse click only select the line in a color, and doesn't edit the field (This cursor is not a real edit, because it's impossible to really modify something to the edited text, but it would be more professionnal to remove it)
Any solution? (VBA/Access Form design,...) Thanks a lot
Put a small (virtually invisible) control on the forms detail line. In each field you don't want them to settle on put a "got_focus" event that resets the focus to the virtually invisible control.
You can also use the on current event to set an unbound empty control to make the whole row change colour as per this explanation https://access-programmers.co.uk/forums/showpost.php?p=1480574&postcount=6 . Ignore the very complex code shown initially in the thread.

Table with Bootstrap Tabs

I am trying to create a Table that shall contain some columns with basic facts on the left and on the right side there shall be some columns that can be tabbed. Something like this:
So the Question is, how to do this?
I could personaly think of two solutions, but I actually don't like both:
Write a own Table for Tab1,Tab2 ... That contains the basic data and the Tabbed Data
Write a Table for the basic Data and one for each Tab. Here I think you would have a lot of Design problem "glueing" both tables together, so they look like one table.
So actually I don't like both solutions. Maybe there is a better solution to this?
Perhaps you could give the columns that belong to each tab their own unique class, e.g. .tab1-columns, .tab2-columns, etc. Then, you could show or hide the column depending on the active tab. The tabs, however, would exist outside of the table. Alternatively, you could pt the tabs into a pseudo- header row above the actual table header row, with the first header cell spanning those cells that shouldn't be "tabbed". However, I believe leaving the tabs outside of the table would be a bit more semantic in nature.
HTH.
Render all columns but hide them (display: none;) except the column by default.
Then add an click event on the tabs to switch the visible columns. be sure to use just the nav-tabs and not the js component.. it will be easier I think

Drag and Drop Multiple HTML Columns

I am having HTML Tables. There are 10 columns inside that table. I want to Drag and Drop more than one columns. (i.e) select multiple columns and move them around (change column ordering)
Drag and Dropping a single column i know, but how to do this with Multiple Columns...
I am not pretty sure about the code but,
I guess there is one thing that you can try
When the user wants to move the columns then ask him to generate an event like(click on a button or something) now you know when the the particular button is clicked. Now ask the user to select the columns by clicking on them one by one when all the desired columns are selected put them in a single column and ask the user to move it. when the user drops this column on desired location you can remove this column.

Is it semantically correct to have an action button column in an html table?

Say you have some tabular data you want to display, as well as allow the user to perform some action on a row.
Is that semantically correct to have an "action" column? (could be "edit", "vote", or whatever)
If so should the action text be in the header cell with an icon in the actual column, or should that text be repeated on each cell (in the form of a button or link) and the header cell blank?
I think this would be fine.
If the action directly relates to the table and the table contains tabular data, then this would be fine.
I would put a description of the action in the head and then place an icon or a button in the cells.
In order to make sure the table can be used as widely as possible, make sure
it retains its tab structure
the columns and rows are plainly marked
the buttons are given names, values or alt tags.
Also, I would say remember that semantic markup is not the goal... it is only a tool to achieve the best possible product. In some cases, semantics may need to be subjugated to need.

Can you edit all columns in a table using phpMyAdmin?

Using phpMyAdmin: can one alter a table's schema by inserting new columns, as one would using spreadsheet software? Like when one creates a new table.
If you click the Structure tab you'll be able to affect the columns or add in new ones.
To edit existing columns
Check the box on the left of the columns
Click the pencil icon below the structure display.
The next screen will allow you to adjust the column properties of those selected.
To add in new columns
Look below the table structure display
Enter however many new columns, and where in the table they'll go
Click Go.
The next screen will allow you to enter the properties for each of the new columns for the table.
If you select all at the bottom of the screen below the table,then click change, you can change them all like you did when first creating the table.