Need to Hide & Show field Sharepoint Form.

%3CLINGO-SUB%20id%3D%22lingo-sub-1461453%22%20slang%3D%22en-US%22%3ENeed%20to%20Hide%20%26amp%3B%20Show%20field%20Sharepoint%20Form.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1461453%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20SP%20Experts%2C%3C%2FP%3E%3CP%3EI%20am%20very%20new%20to%20SharePoint%2C%3C%2FP%3E%3CP%3EI%20have%201%20requirement%20regarding%20the%20hide%20%26amp%3B%20Show%20field%20based%20on%20condition%20SharePoint%20Form.%3C%2FP%3E%3CP%3EI%20tried%20to%20get%20the%20idea%20from%20the%20Internet%20and%20find%20so%20many%20solutions%20but%20when%20I%20am%20trying%20in%20SharePoint%20then%20I%20did%20not%20find%20the%20steps%20mentioned%20in%20the%20Threads.%20(Like%20-%20%3CSTRONG%3EAdding%20Javascrit%20%2F%20WebPart%3C%2FSTRONG%3E)%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESo%20I%20decided%20to%20raise%20my%20query%20here.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EMy%20Issue%20-%20I%20have%20One%20Yes%2FNo%20field%20if%20values%20is%20%22Yes%22%20then%20i%20need%20to%20display%202%20field%20like%20i%20mentioned%20in%20the%20below%20screenshot.%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22VijayTailor_0-1592127416835.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F198613iE2A7CE4B79E7FE4D%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22VijayTailor_0-1592127416835.png%22%20alt%3D%22VijayTailor_0-1592127416835.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ESo%20Please%20suggest%20me%20the%20idea%20regarding%20my%20Issue.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EInternet%20Finding%20-%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fwww.enjoysharepoint.com%2Fscript-editor-web-part-sharepoint%2F%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ehttps%3A%2F%2Fwww.enjoysharepoint.com%2Fscript-editor-web-part-sharepoint%2F%3C%2FA%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20can%20not%20see%20the%20%22Insert%22%20Tab%20in%20my%20Sharepoint.%3C%2FP%3E%3CP%3Esee%20the%20-%20below%20ScreenShot%20for%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22VijayTailor_1-1592127971241.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F198615i09E17D26DD443697%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22VijayTailor_1-1592127971241.png%22%20alt%3D%22VijayTailor_1-1592127971241.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1461453%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Escript%20editor%20webpart%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1461580%22%20slang%3D%22en-US%22%3ERe%3A%20Need%20to%20Hide%20%26amp%3B%20Show%20field%20Sharepoint%20Form.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1461580%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F658358%22%20target%3D%22_blank%22%3E%40VijayTailor%3C%2FA%3E%26nbsp%3Bthe%20link%20you%20gave%20and%20the%20reference%20to%20javascript%20are%20for%20earlier%20versions%20of%20SharePoint%20and%20don't%20apply%20to%20modern%20SharePoint%20Online.%20It's%20not%20possible%20out-of-the-box%20to%20hide%20a%20column%20in%20a%20default%20SharePoint%20form%2C%20you%20would%20need%20to%20use%20a%20PowerApps%20customised%20form%20(see%20the%20Power%20Apps%20menu%20at%20the%20top%20of%20your%20list).%20There%20are%20lots%20of%20YouTube%20videos%20about%20Power%20Apps%2C%20and%20the%20ones%20from%20Shane%20Young%20are%20particularly%20good.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3E%3CFONT%20size%3D%222%22%20color%3D%22%23333399%22%3EMicrosoft%20Power%20Automate%20Community%20Super%20User%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1463463%22%20slang%3D%22en-US%22%3ERe%3A%20Need%20to%20Hide%20%26amp%3B%20Show%20field%20Sharepoint%20Form.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1463463%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F658358%22%20target%3D%22_blank%22%3E%40VijayTailor%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20super%20simple%20to%20do%20in%20Power%20Apps.%20Just%20use%20the%20Customize%20Form%20link%20from%20your%20Sharepoint%20list.%20This%20will%20customize%20your%20default%20SharePoint%20form%20rather%20than%20building%20an%20entire%20application.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBuild%20your%20form%20the%20way%20you%20want%20it%20to%20look%20when%20ALL%20the%20fields%20are%20visible.%20THEN%20select%20the%20card%20for%20the%20field%20that%20should%20show%2Fhide.%20In%20the%20Visible%20attribute%2C%20put%20the%20condition%20that%20should%20be%20TRUE%20for%20the%20field%20to%20show.%26nbsp%3B%20In%20this%20example%2C%20I%20have%20a%20toggle%20field%20that%20must%20be%20set%20to%20%22Yes%22%20for%20the%20card%20to%20show.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EDrwgAppReq_Ddn.Selected.Value%3D%22Yes%22%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENow%2C%20when%20the%20user%20selects%20%22Yes%22%2C%20the%20field%20appears.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EYou%20can%20do%20this%20for%20whole%20sections%20of%20fields.%20I%20set%20a%20title%20card%20with%20the%20formula%20and%20then%20set%20the%20Visible%20attribute%20for%20ALL%20cards%20in%20that%20section%20to%20equal%20the%20title%20card.%20That%20way%20I%20only%20have%20to%20do%20the%20formula%20once.%20%3A)%3C%2Fimg%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E
Occasional Contributor

Hi SP Experts,

I am very new to SharePoint,

I have 1 requirement regarding the hide & Show field based on condition SharePoint Form.

I tried to get the idea from the Internet and find so many solutions but when I am trying in SharePoint then I did not find the steps mentioned in the Threads. (Like - Adding Javascrit / WebPart)

 

So I decided to raise my query here.

 

My Issue - I have One Yes/No field if values is "Yes" then i need to display 2 field like i mentioned in the below screenshot.

VijayTailor_0-1592127416835.png

 

So Please suggest me the idea regarding my Issue.

 

Internet Finding -

https://www.enjoysharepoint.com/script-editor-web-part-sharepoint/

 

I can not see the "Insert" Tab in my Sharepoint.

see the - below ScreenShot for

VijayTailor_1-1592127971241.png

 

 

2 Replies

@VijayTailor the link you gave and the reference to javascript are for earlier versions of SharePoint and don't apply to modern SharePoint Online. It's not possible out-of-the-box to hide a column in a default SharePoint form, you would need to use a PowerApps customised form (see the Power Apps menu at the top of your list). There are lots of YouTube videos about Power Apps, and the ones from Shane Young are particularly good.

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User

@VijayTailor 

This is super simple to do in Power Apps. Just use the Customize Form link from your Sharepoint list. This will customize your default SharePoint form rather than building an entire application.

 

Build your form the way you want it to look when ALL the fields are visible. THEN select the card for the field that should show/hide. In the Visible attribute, put the condition that should be TRUE for the field to show.  In this example, I have a toggle field that must be set to "Yes" for the card to show.

 

DrwgAppReq_Ddn.Selected.Value="Yes"

 

Now, when the user selects "Yes", the field appears.

 

You can do this for whole sections of fields. I set a title card with the formula and then set the Visible attribute for ALL cards in that section to equal the title card. That way I only have to do the formula once. :)