Custom Forms Issue

[medtrans]

Hello,

I have created a couple of forms to insert records into a database outside of the User Spice frame work. They are created using bootstrap 3 css. I am having an issue placing these forms into a UserSpice (userspice_blank.php) page without having formatting issues. I and loosing some of the nav functionality and some of the form functionality.

Any ideas?

Best Regards,

[mudmin]

UserSpice uses boostrap 3, so that's probably not the problem. Can you paste your form on pastebin and share the link here so I can take a look?

[medtrans]

https://pastebin.com/wLZe1KeU

[mudmin]

The paste is listed as private, so I can't see it.

[medtrans]

https://pastebin.com/mjrXvfG7
Sorry about that

[mudmin]

So the form itself seemed to work fine for me. You have some paid form stuff that I don't own, but I converted your form into a userspice file. The example has your form file in the root directory so init.php is in users/init.php from that location. You may have to adjust accordingly.

Bootstrap and Jquery are installed by default so you don't need to reinclude those, but you will have to include these manually. I left a comment on the page where to include them and they will override any userspice css at that point.

Code:

<script type="text/javascript" src="../dmxAppConnect/dmxAppConnect.js"></script>

Code:

<link rel="stylesheet" type="text/css" href="../bootstrap/3/css/dmxBootstrap3Forms.css" />

Code:

<script type="text/javascript" src="../bootstrap/3/js/dmxBootstrap3Forms.js"></script>

There's also the file usersc/includes/bootstrap_corrections.php where you can include anything else that you want to do to override userspice css etc. In fact, you could do all those links above in there if you need them on every page, but I would wait till you get this one form figured out before doing that. Here is my page...


https://pastebin.com/qKppipAr

[mudmin]

By the way, if you are including stylesheets and you don't want to have to set the relative paths you can copy all your js/css into users/js (or css) and do

Code:

<link href="<?=$us_url_root?>users/css/yourcssfile.css" rel="stylesheet">

And you won't have to do relative links.

[medtrans]

Thank You Very Much Mudmin!!

[mudmin]

Awesome! Glad to help!