Example : Consider I have an navbar and that navbar as a button which should be available to use only when the user is authenticated. Now, here I can use dmx-show or dmx-hide dynamic attributes based on the server connect of the authenticated user details. But I don’t seem to find them very secure since they are hidden using the css properties, which are easily editable.
So, is there any other way to literally hide a content from even appearing in the code ?
Contents of the menu can be populated via server connect which will check on the server side access for relevant users’ access. This is the most secure config that you can do - on the server side.
I don’t think it is a security issue when interface items are hidden using css, as long you have the data secured. Also hiding like Teodor suggest would prevent the user from seeing the DOM elements with devtools, but it is still in the HTML source. If you really want to hide the content within the source then you have to do that server-side.
It is true that the could edit the css to make it visible, but if the resource where it links to is protected it doesn’t matter, make sure you prevent access to the pages and server actions that are restricted.
Maybe I should have opened this question under a different topic, but I still want to ask. Could it be using SSL/TLS to get reasonable security for sensitive data transmitted in Wappler API calls? (How do we make post data more secure? ) So how can we make API calls more secure?
If the data is that sensitive then it should demand its own area away from the main content. Sometimes its best not to mix too much in your pages with regards to shared environments. Its far better practice to have them separated and dedicated, especially if sensitive. Then you can apply further restrictions as required, either through Security Restrict and Enforcer or other means...