[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 517
  • Last Modified:

Placing a save ,update,delete buttons?-what's an alternative?

I'm hesitating placing a save,update,delete,close buttons within a page because the page would look like an Access application and would not display the look and feel of a webpage.

What current approaches at present can improve a page's look by minimizing buttons and still be able to functionally execute the functions fo save,update,close,edit that were normally in a windows application in the past?

Your suggestion and links are appreciated. thanks. Visual Examples are great too!!
0
zachvaldez
Asked:
zachvaldez
  • 5
  • 5
  • 2
  • +2
1 Solution
 
COBOLdinosaurCommented:
If you don't want them to look like buttons, then style them to look like something else.

Like this


Cd&
0
 
Ess KayEntrapenuerCommented:
as Dino said, You dont need to copy ms access buttons.


You can use any image and set it as a link to update /del/save..etc

or use css and other methods
0
 
zachvaldezAuthor Commented:
I understand that a save button is necessary in the page particularly if it is a data entry form.

But if you want to edit the page and save it again, or update it, I think those buttons may be unnecessary be in that page? wha t is the best wa to do it?
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
COBOLdinosaurCommented:
Well you are normally processing the transaction on the server, so all you really need is a submit button, and then on the server it just sends back the update version of the page.  I'm not sure I understand what you are looking for.  A web page does not maintain state.  once the page is submitted, the browser has no memory of anything that happened on it, unless the server sends the information back, or you are doing the transaction in background with AJAX.

Cd&
0
 
Kyle HamiltonData ScientistCommented:
The other alternative is local storage, but this is HTML5 only. You could also do a combination of behaviors - like send data to the server at specified time intervals. It's not really clear what your requirements are and what you want to do with the data.
0
 
Kyle HamiltonData ScientistCommented:
But to be honest, not having a submit button of some sort will make users nervous unless you provide another indication to the user that their data has been saved.
0
 
Ess KayEntrapenuerCommented:
facebook mobile on my phone has no submit button for comments. it just reads if you hit enter


the difference is, with  a comment u can then click and erase. if you have form data and u erase say, an entire resume by accident, theres no undo.

with a save/update button you can check changes before submitting
0
 
jledezmaCommented:
You should perform a UX study and testing with wireframes before designing the application.  I good solution for this is onFocus/onBlur AJAX execution.  I have used this for several projects but it is not a solution for every project.  It will depend on the task being performed by the user at the moment.  You can also "presave" the current state and the commit with a a green check or that red X.  

Also, keep in mind that probably you shouldn't have all 4 buttons displayed all the time.  Is like having to switches for a lamp, one to turn on and one to turn off.  Probably you only need edit/delete.  If the user clicks edit then you show the save/cancel.  You can even take our the edit button and start editing the field when a user clicks on it.

If you upload a wireframe, mockup or draft of your screen I can help you further.
0
 
zachvaldezAuthor Commented:
Because I'm trying to avoid the look of an Access application with all the buttons displayed-
Save,Edit,Delete,Cancel,next record,previous record,last record...
on a page, what I'm thinking is move those actions or funcitons in a left navigation bar.
So if an action is click, =eg. Edit a record or find a record, it just call that aspx page  using response redirect and details of that record is displayed...

Let me know is this approach is better tahn having buttons in the page... It's not the look of button that Im looking for but the location  of it..
0
 
Ess KayEntrapenuerCommented:
you can run some backend commands to hide them or change the text



in pseudocode,

if id=nulll //no id because it is a new record
then {
buttonsave.visibility=true;    //give ability to save
buttonupdate.visibility=false;  //cant 'update' records that arnt there
buttonremove.visibility=false;   // nothing to remove so hide the button
buttonlast / first/next..etc.visibility=false; //you are not browsing so hide navigation
}
else
{
buttonsave.visibility=false;
buttonupdate.vixibility=true;
buttonremove.visibility=true;
buttonlast / first/next..etc.visibility=true;

}


then make a table

| save / update | remove / backtolastrecordviewed | first/prev/next/last |


hope that helps
0
 
zachvaldezAuthor Commented:
the way I understand this is when an action 'Add new record' record is initiated,
the page displays in editable stage(controls, such as textboxes... for data entry)
and at the same time a table as suggested is displayed with the Save button only visible
and the rests either hidden or disabled.
But because it it a table , 1 TR and several TD's horizontally aligned, some TD's may be blank and it may not look good because if I placed my update  or edit or cancel button  in a location of the table it might have an imbalance look in the page. For example if I do an update action, TD1 is hidden(save), TD2 is hidden(Cancel),TD3 is displayed(Update), Unless Im not aware of some functions or techniques taht can be applied..
0
 
Ess KayEntrapenuerCommented:
you can do the table in two rows

make the table full width

|   TBALE | WITH |DATA              |


|   column 1      |      column  2   |              (save/update   &   delete/back)
|col 1 | col 2     |  col 3 | col 4   |                     (1st / prev/next/last )  -hidden if new record


code for table

<table width="100%">
<tr><td colspan="2">    code forfirst buttons   </td><td colspan="2"> 2nd button</td></tr>
<tr><td>first</td><td>prev</td><td>next</td><td>last</td></tr>
</table>


hope that helps
0
 
zachvaldezAuthor Commented:
How can I dynamically display the table according to the need, which one to be visible or hidden?
0
 
zachvaldezAuthor Commented:
Great!
0
 
Ess KayEntrapenuerCommented:
thats an asp question, you can google
if statements
for your language vb/c#  or open a new topic
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 5
  • 5
  • 2
  • +2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now