task

FEATURE - toggleActionLinks

[what]

1. ] hide the "action links" displayed on the page for each entry in the view

[why]

1. ] for printing,
2. ] for readablity

[where]

1. ] PAGE view/{L4} - taskgroups, sectors, memberGroups, ....

[when]

1. ] 2014-06-30

[example]

1. ] PAGE view/tasksgroups?id=#
1. ] you need to click the link named "Toggle Action Links" at the bottom of the page

[how-to]

1. ] click the "Toggle Action Links" link located at the bottom of the page,
1. ] if the links are displayed, they will be hidden
2. ] if the links are hidden, they will be displayed
3. *] you must be a 'registerd user' to see the action links

[reference]

1. ] 

---

developer implementation

[.process] 

1. *] ADD client side - link
1. ] on PAGE view/taskgroups - TEMP at bottom of page
2. ] on PAGE view/membergroups - TEMP at bottom of page
3. ] on PAGE view/sectors - TEMP at bottom of page
4. ] on PAGE view/procedures - TEMP at bottom of page
5. ] on PAGE view/itemCategories - TEMP at bottom of page
6. ] on PAGE view/chapters - TEMP at bottom of page
2. ] ADD client side script - "actionLinks click"
1. ] sospep - toggle the links, when the 'class' is clicked 
3. ] ADD div - wrap the html for the "actionLinks" in a new div
1. ] assign div the 'actionLinks" class
4. ]

[.notes]

1. ] http://stackoverflow.com/questions/3582619/how-to-change-css-display-none-or-block-property-using-jquery
2. ] http://www.java2s.com/Code/HTMLCSS/CSS-Controls/UseshoworhideULwithlink.htm

 

 

 

status

[previously]

1. ] initially tried to build a toggle if/else block BUT  
2. ] had some problems accessing the display property of the element
3. ] thought i should be able to access element property by elementName.property and then test on property
4. if ( $(#actionLinks).display === "none") {
1. / /WRONG $("#actionLinks").attr('display') === "none" alert("display:none");
2. //$("#actionLinks").display === "inline"; }
3. // SHOULD WORK-  $("#actionLinks").css('display') === "none"
4. // AND THIS ??? - if $("#actionLinks").(":display").val() === "none" ;
5. else { //$("#actionLinks").display === "none"; }
6. BUT even easier ... just USE ...
1. element.toggle()
2. hide(), show()

[currently]

1. ]  

[next]

 

Details

ID: 4110

NAME: FEATURE-toggle-ACTION-links

DESCRIPTION: [toggle-ACTION-links] - ADD OPTION to toggle 'action links', for prettier printing, viewing

START DATE TIME: 2014-06-29 08:00:00

EST DURATION: 00:15:00

END DATE TIME: 2014-06-29 08:15:00

STATUS: Completed

PRIORITY: -5

OWNER ID: 75

photos

actions

Agenda Email task SMS task Priorities