Welcome Guest. Please Login or Register  


You are here: Index > SitePad Website Builder > General Support > Topic : Hide Row in Page



Threaded Mode | Print  

 Hide Row in Page (3 Replies, Read 2557 times)
am1ncmd
Group: Member
Post Group: Newbie
Posts: 2
Status:
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
IP: --   

Change the text on button when hover
MicroDrie
Group: Member
Post Group: Working Member
Posts: 175
Status:
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.
IP: --   

Hide Row in Page
MicroDrie
Group: Member
Post Group: Working Member
Posts: 175
Status:
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.
IP: --   

Hide Row in Page
am1ncmd
Group: Member
Post Group: Newbie
Posts: 2
Status:
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.
IP: --   

« Previous    Next »

Threaded Mode | Print  



Jump To :


Users viewing this topic
1 guests, 0 users.


All times are GMT. The time now is March 29, 2024, 8:17 am.

  Powered By AEF 1.0.8 © 2007-2008 Electron Inc.Queries: 11  |  Page Created In:0.040