Making a web form template into a...

User 188640 Photo


Registered User
895 posts

I want to make a website template out of one of the webform templates with an RLMP layout.

I kind of have the general idea but would like some pointers as to where to turn to learn how to make this project come to life.

I've tried using images in divs which worked for the header image until it gets down to phone size and then I can't stop the margins between the divs from showing.

I also can't get the margins between the bottom div and the footer image to not show.

I know this is asking this in the RLMP forum but I want this to be responsive and I couldn't find anything in the HTML Editor forum.

If anyone has any idea where I can go to learn what to do to get this done that's what I need to know.

Thanks for any help,

Ernie
A Rose is Just a Weed in a Corn Patch!
User 188640 Photo


Registered User
895 posts

Is there a limit as to how many breakpoints that can be added in RLMP?

If there is, how many?

I have my top and bottom images working like they should. The content image is another whole pita that's not cooperating. :(

I have a row that I've set a background image in the css for. The background shows up like it's supposed to but doesn't stay 'in bounds' when reducing the browser size.

I hope someone has some ideas. I've tried margins, row width, pulled some hair out and banged my head against the wall. The last two didn't do anything for the layout so I won't be trying those again. :)
A Rose is Just a Weed in a Corn Patch!
User 2088758 Photo


Senior Advisor
3,086 posts

Hi there Ernie, I am a bit confuse about what you are trying to accomplish. Do you just want to add a web form into a responsive layout maker framework? I would assume you are talking about a Web From Builder form?

As for the breakpoints, you should only need a few when designing a website. You would want to completely build your layout then begin squeezing the slider to the left until the website "Breaks" or looses alignment then add a break point and fix the layout again. Then squeeze it more to the left and repeat the steps until you are at your lowest screen size.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 188640 Photo


Registered User
895 posts

Steve,

Not a web form. I'm trying to create a web page background using the images from the One Note Responsive web form theme. I guess I should have included that info.

I didn't think it would be any different than a regular static site but the responsive part isn't working as far as the content area and background.

I actually have two different web forms added to the site using the one note theme and a transparent background. The forms look really good on the site background that I decided to try and make the other pages look like that.

Here's a link to one of the forms: http://www.mytestblog.net/testing2/reservations.html

What I want to do is make the rest of the site pages like this only have them be the full width which is slightly less than the nav menu. So, instead of the forms there would be page content on the 'paper' and it would be the width of the index.html page, http://www.mytestblog.net/testing2/index.html which you can get to with the menu at the top of the site or the link that I just posted.

Thanks for any help or pointers,

Ernie
A Rose is Just a Weed in a Corn Patch!
User 188640 Photo


Registered User
895 posts

Today has not been a good day working with RLMP. Is there anyone who is proficient with this that would be willing to get on Skype and help me?

My Skype username is erniehodge. I have some questions that would be easier to ask verbally than typing them out. I don't keep Skype running so let me know in here and I'll respond.

Thanks for any help.
A Rose is Just a Weed in a Corn Patch!
User 188640 Photo


Registered User
895 posts

Steve,

Here's a link to what I'm trying to do with this site: http://www.mytestblog.net/master/

It looks good until you reduce the size of the browser. I'm trying to get the content area to maintain the margins like the top and bottom page images. Also, when I reduce the browser size you will see what happens between the top and bottom images.

Am I trying to do something that's out of reach with the programs we have right now?
A Rose is Just a Weed in a Corn Patch!
User 2088758 Photo


Senior Advisor
3,086 posts

Hi Ernie,

The best way to approach building a Responsive website is to use the RLM to set out the basic layout of your website. Don't be to concerned about adding background images and content untill this is done.

Here is an example of my website before I added content.

http://misterwebguy.com/ResponsiveWebguy/

Once you are happy with the layout move your slider to the left until your website "breaks" then you add a break point and re-align you elements and adjust markup untill every thing looks good again. Continue this process until your at the smallest screen size.

If you go to my website www.misterwebguy.com you will see what my layout looks like one I added content.

I hope this makes sense.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 188640 Photo


Registered User
895 posts

Steve,

Actually I had already done the layout and had it down to phone size. Then I decided it would make a great looking site with the pages looking like the forms.

We have a bad thunderstorm getting close so I will try and get back in here later.
A Rose is Just a Weed in a Corn Patch!
User 2088758 Photo


Senior Advisor
3,086 posts

Yea that's always going to be a challenge when working with images. I tried doing a few different things with background images and had the most luck using tilable patterns and repeat the across the X and Y axis to fill the space.

I think you are trying to use the same approach as VSD and with rlm it will not work. Maybe one of the more advanced coders will know how to fix this issue using css3.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 188640 Photo


Registered User
895 posts

Steve,

Had to wait for a storm to get past us.

I think I have time to explain and this may be long. It's just the way I know how to explain things.

I had built a layout with RLM. Had the layout working down to phone size. I hadn't done anything with the footer except put a button down there as a place holder. When I tried to delete the button and go to a text element for the footer RLM would not let me put the element down there. The program would put the text element and then put the 'menu' item for the element under it and totally erase the 'text' element leaving the 'text link' on the right side area.

I did put in a support ticket for that. I uninstalled RLM and re-installed and if I open that layout it does the same thing. That's why I started the layout in my last link so I would have something to work with and show you what I'm trying to do with the site I'm building.

I think I may have to just go back to a plain rectangular background and forget what would make a really good looking website.

The vertical margins and the body content margins are a nightmare and I don't want to waste anyone's time here in the forum. I think I'll table this until sometime when I can do more research and find a solution.

I appreciate your suggestions and you taking the time to come in here and help.

Maybe someone will get in here and know what I need to do to fix this so until then I'll go back to the original layout and get the site finished.

Thanks,

Ernie
A Rose is Just a Weed in a Corn Patch!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.