Skip to main content
Nintex Community Menu Bar

Attempting to hide 'Add New Item' in List View Control

  • Jul 24, 2015 7:53 PM UTC
  • 15 replies
  • 91 views
  • Translate All

Forum|alt.badge.img+4

I've added a list view control (for the first time!) to side of my form. I'm showing all values of the list view. However, I just want it to be informational. It's not a big issue, but I would like to hide the 'Add new item' link--especially when in new or edit mode of the actual form in which this list view appears. I was able to <F12> it in IE11 to determine its class, td.ms-addnew. In F12 mode I was able to add display: none and successfully hid it. But, I attempted to apply this to the CSS Class field in the list view control settings panel with no luck.

 

CSSIssueforListViewControl.png

 

 

I've used:

 

.td.ms-addnew {

    display: none !important;  

}

With no luck. As a noob to the CSS class field, I'm not sure I am using the correct format. Any suggestions?

15 replies

vadim_tabakman
Forum|alt.badge.img+11

Hi Drew,

 

remove the dot (period) before the td.  td is a node name not a class name.

 

td.ms-addnew

{

  display:none;

}

 

cheers,

Vadim

Translate

Forum|alt.badge.img+4
  • Author
  • Jul 27, 2015 1:44 PM UTC

I pasted above in exactly as you typed. 'Add new item' still appeared as in my initial screen capture after I confirmed a successful publication of the revision (I viewed it both in IE11 and Chrome). I talked it over with a team lead who, having never worked in Nintex forms, suggested perhaps that the CSS class field in the control settings panel isn't exactly meant to achieve what I am attempting. ??

Translate

Forum|alt.badge.img+4
  • Author
  • Jul 27, 2015 1:46 PM UTC

FYI, I also attempted visibility: hidden; in the same format. This also did not work.

Translate

vadim_tabakman
Forum|alt.badge.img+11

Hi Drew,

that's really odd.  I don't know why it wouldn't work.  Hopefully one of the other community members can shed some light on this.

I've attached my example form.  You'll need to configure the ListView control to point to a valid list.

cheers,

Vadim

Translate

Forum|alt.badge.img+4
  • Author
  • Jul 27, 2015 1:54 PM UTC

Thanks. I'll continue to investigate. If nothing, else thank for your initial response and quick follow-up. I am fairly new to this community but find it vital and responsive thanks to people like you!happy.png

Translate

Forum|alt.badge.img+17
  • Nintex Partner
  • Jul 27, 2015 3:32 PM UTC

I also added the CSS

td.ms-addnew

{

  display:none;

}

To the form settings, custom CSS section and the "Add New" link was removed from the form's list view control.

Are you adding the CSS to the Form Settings?

Translate

Forum|alt.badge.img+4
  • Author
  • Jul 27, 2015 5:20 PM UTC

Hi, just to be sure I'm doing it right, confirm that this is the correct field to be entering this per my screen capture (also, fyi, I am version 2.3.4.0 if that means anything):

ConfirmCSSClassField.png

Thanks!

Translate

Forum|alt.badge.img+3

Hi Drew,

You need to open the form settings dialog and enter it into the Custom CSS options there

FormSettings.PNG

CustomCSS.PNG

Translate

Forum|alt.badge.img+17
  • Nintex Partner
  • Jul 28, 2015 2:03 AM UTC

Yes, Suzanne shows exactly how Vadim and I applied the css.

If this works for you, then I suggest to mark Vadim's answer as correct and Suzanne's as helpful. Let us know the outcome.

Translate

Forum|alt.badge.img+12
  • Jul 28, 2015 3:27 AM UTC

I've used this in the past with success!

Translate

Forum|alt.badge.img+11
  • Jul 31, 2015 2:54 PM UTC

Funny, just yesterday I had a request to add an additional one of these at the top of the list view page!!!!

Translate

vadim_tabakman
Forum|alt.badge.img+11

Fun happy.png

Translate

Forum|alt.badge.img+17
  • Nintex Partner
  • Aug 4, 2015 2:02 PM UTC

Sounds like a good option if you copy the default view and then have those changes applied to the new view. It may not be an option to change that on the AllItems view if that was chosen originally.

Translate

Forum|alt.badge.img+3
  • Mar 16, 2017 3:35 AM UTC

Hello,

I've come to cross this page to look for a solution to hide Attachment "Add Attachment" and "Delete" controls in EDIT mode only.

On Form Setting Custom CSS, I entered 'display:none;' and this removed "Add Attachment" and "Delete" from both NEW and EDIT mode. But I need to hide it only on EDIT mode.

Any suggestions how I can specify the view mode to hide the controls?

Thank you,

-Naoko

Translate

Forum|alt.badge.img+17
  • Nintex Partner
  • Mar 18, 2017 2:39 AM UTC

This post will be the wrong place for that question ‌, it would be best to post your own question so we can help you further to your scenario. But if you are hiding controls on a form in edit mode, I suggest to do that using a rule and not CSS. That way you can tell easily if you are in Edit mode via the rule formulas.

Translate