Softaculous

Topic : Hide Row in Page


Posted By: am1ncmd on November 16, 2021, 2:28 am
Hi everyone, I'm new to softaculus, wanna ask.

Can I hide a row in a page to make it visible only for me (it's under development)
So another person may see the page, but some row is hidden on that page.

Also is there another way to make the hover button change with text,
usually hover action can only change the colour of the button.

Example: the click button is for "Order Now", but when the mouse hover into that button will change the text from "Order Now" into > "Price"

Thank you in advance

Posted By: MicroDrie on November 16, 2021, 9:18 am | Post: 1
You can take an Edit Rich Text widget and include the following HTML and CSS code in it:
Code
<style>
.hover-me:before {
    width:120px;
    content: 'Order Now';
    display: inline-block;
    background: green;
    color: white;
    padding: 3px;
}
.hover-me:hover:before {
    content: 'Price';
    background-color: red;
}
</style>
<button class="hover-me"></button>


With this approach you have the freedom to design the button however you want.

Posted By: MicroDrie on November 16, 2021, 9:50 am | Post: 2
The question is "hide" or illegible. With CSS you can hide something by not showing it. However, if someone reading the source code of your HTML page he, she or a computer bot can simply read the hidden information.
There are several solutions:
  1. The intended program way is that you save the changes without publishing the page. The problem with this is that you cannot make a necessary change in the production page without also publishing the "hidden" information
  2. You make a test page from the published page. This is where you add new information. When you're done, copy the changes (text or widgets) to the published production page.
  3. You save the published production page as an HTML file and you add the changes in an HTML editor. When you are satisfied, copy the changes to the production page.
  4. You write the changes in an HTML editor and save them in an HTML file. If you are satisfied, add the information to the production page


:D By the way, it's very easy to first try things out in a free "What You See Is What You Get" (WYSWYG) editor. If you are satisfied, copy the HTML/CSS code into an Edit Rich Text. Then you view the end result in preview mode. As long as you don't publish, nobody can see the result. The WYSWYG editor code can be saved and reused if you really want to implement the changes.

Posted By: am1ncmd on November 16, 2021, 1:35 pm | Post: 3
Thank you so much, it helping me a lot, I'll try your suggest.

Quote From : MicroDrie November 16, 2021, 9:50 am
The question is "hide" or illegible. With CSS you can hide something by not showing it. However, if someone reading the source code of your HTML page he, she or a computer bot can simply read the hidden information.
There are several solutions:
  1. The intended program way is that you save the changes without publishing the page. The problem with this is that you cannot make a necessary change in the production page without also publishing the "hidden" information
  2. You make a test page from the published page. This is where you add new information. When you're done, copy the changes (text or widgets) to the published production page.
  3. You save the published production page as an HTML file and you add the changes in an HTML editor. When you are satisfied, copy the changes to the production page.
  4. You write the changes in an HTML editor and save them in an HTML file. If you are satisfied, add the information to the production page


:D By the way, it's very easy to first try things out in a free "What You See Is What You Get" (WYSWYG) editor. If you are satisfied, copy the HTML/CSS code into an Edit Rich Text. Then you view the end result in preview mode. As long as you don't publish, nobody can see the result. The WYSWYG editor code can be saved and reused if you really want to implement the changes.

Powered By AEF 1.0.8 © 2007-2008 Electron Inc.