S
SISCANAug 24, 2020
Hi
How do I center Content i.e. Form on a page.
Example: -
<div class="col-md-8">
<form name="form1" id="form1" action='apage.php' method="post" autocomplete="off">
</form>
</div>
Form Centering on Page
8 replies·opened Aug 24, 2020
S
SemiColonWebSTAFFAug 25, 2020
Hello,
You can consider using the following code:
<div class="row justify-content-center">
	<div class="col-md-8">
		...
	</div>
</div>This will definitely work fine. Hope this Helps!
More Documentation on Flex utilities available here: https://getbootstrap.com/docs/4.5/utilities/flex/ .
Let us know if we can help you with anything else or if you find any further issues.
S
SISCANAug 25, 2020
I tried <div class="col-md-8 row justify-content-center"> and it left justified the form.
Here is a sample form, see line # 415
S
SemiColonWebSTAFFAug 25, 2020
Hello,
The Codes we have provided you and the codes you are using are different. Please use the Codes we have provided you and it will work fine.
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
S
SISCANAug 25, 2020
Noted.
Where can I reference the classes, like "row justify-content-center"
Thanks.
S
SemiColonWebSTAFFAug 26, 2020
Hello,
We have already provided you with the exact codes above. Consider using this code:
<div class="row justify-content-center">
	<div class="col-md-8">
		<form name=”form1″ id=”form1″ action=’apage.php’ method=”post” autocomplete=”off”>
		</form>
	</div>
</div>So simply replacing your existing codes with this will work fine. Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
S
SISCANAug 31, 2020
Hi
I was hoping there was some where where I could reference all the class attributes.
Is there documentation available listing all "Class Attributes" ?
Regards
Barry
S
SemiColonWebSTAFFSep 1, 2020
Hello,
The Classes used are Bootstrap Classes: https://getbootstrap.com/docs/4.5/layout/grid/ .
You can find the List of Utility Classes available for Canvas here: http://docs.semicolonweb.com/docs-group/utility-classes/ .
Hope this Helps!
Let us know if we can help you with anything else or if you find any further issues.
S
SISCANSep 6, 2020
Noted.
Thank you.
Have the same question, or something new?
Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.
Reply on the dashboard