Creating layouts in webpages

Hi,
     For our website I wanted to create specific layouts and insert buttons for links. Please help how to go about it. Attaching screenshots for reference. Thanks in advance.

Mehul




You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un...@googlegroups.com.

To post to this group, send email to er...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msg/erpnext-developer-forum/-/hbpQIxHCxPEJ.

For more options, visit https://groups.google.com/groups/opt_out.

 

 

Hi Mehul,

Following the is the HTML markup to insert a button and define a link behind it.

<a class=“btn” href=“link-of-a-page.html”>More</a>

For section alignment within same page, try <div> tag and define the alignment as right or left for them. Check source code of benefits page on our website.


Inline image 1

Hope this helps.


Thanks and Regards,

Umair Sayyed
www.erpnext.com



On Wed, Feb 13, 2013 at 12:21 PM, mehul mehta <b…@gmail.com> wrote:
Hi,
For our website I wanted to create specific layouts and insert buttons for links. Please help how to go about it. Attaching screenshots for reference. Thanks in advance.

Mehul




You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

To post to this group, send email to er…@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msg/erpnext-developer-forum/-/hbpQIxHCxPEJ.

For more options, visit https://groups.google.com/groups/opt_out.









You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un...@googlegroups.com.

To post to this group, send email to er...@googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.

 

 

Mehul,

The philosophy of the website module is not to create new layouts. But use the slideshow and have the page display as a linear text + images. The reason is that in the coming years no of mobile web users is going to much higher than desktop / laptop web users and it is double the effort to make two separate websites. So all complex layouts (thankfully) can go out of the window.

We have some 2 column layouts for our site but we will soon remove them.

If you have new page ideas, please share them and we would love to keep adding to them.

best,
Rushabh


W: https://erpnext.com
T: @rushabh_mehta

On 13-Feb-2013, at 1:00 PM, Umair Sayyed <um...@iwebnotes.com> wrote:

Hi Mehul,

Following the is the HTML markup to insert a button and define a link behind it.

<a class="btn" href="link-of-a-page.html">More</a>

For section alignment within same page, try <div> tag and define the alignment as right or left for them. Check source code of benefits page on our website.

<Selection_402.png>

Hope this helps.

--
Thanks and Regards,
Umair Sayyed
www.erpnext.com



On Wed, Feb 13, 2013 at 12:21 PM, mehul mehta <b....@gmail.com> wrote:
Hi,
     For our website I wanted to create specific layouts and insert buttons for links. Please help how to go about it. Attaching screenshots for reference. Thanks in advance.

Mehul





You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

To post to this group, send email to er…@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msg/erpnext-developer-forum/-/hbpQIxHCxPEJ.

For more options, visit https://groups.google.com/groups/opt_out.

 

 






You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

To post to this group, send email to er…@googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.

 

 




You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un...@googlegroups.com.

To post to this group, send email to er...@googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.

 

 

Dear Umair,
I created the following code for section alignment but it does not seem to work. Please find the screenshots attached.

Regards,
Mehul.

On Wed, Feb 13, 2013 at 1:00 PM, Umair Sayyed <um…@iwebnotes.com> wrote:
Hi Mehul,

Following the is the HTML markup to insert a button and define a link behind it.

<a class="btn" href="link-of-a-page.html">More</a>

For section alignment within same page, try <div> tag and define the alignment as right or left for them. Check source code of benefits page on our website.


Inline image 1

Hope this helps.


Thanks and Regards,

Umair Sayyed
www.erpnext.com





On Wed, Feb 13, 2013 at 12:21 PM, mehul mehta <b…@gmail.com> wrote:
Hi,
For our website I wanted to create specific layouts and insert buttons for links. Please help how to go about it. Attaching screenshots for reference. Thanks in advance.


Mehul




You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

To post to this group, send email to er…@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msg/erpnext-developer-forum/-/hbpQIxHCxPEJ.

For more options, visit https://groups.google.com/groups/opt_out.








You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

To post to this group, send email to er…@googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.







You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un...@googlegroups.com.

To post to this group, send email to er...@googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.

 

 

Dear Mehul,


we are using the the TWITTER BOOTSTRAP for the styling and to make it responsive.

and it is one of the well-known bootstrap available.

what you need to do is , download the twitter bootstrap and reference them in your html page and it will work fine.

but since you are going to integrate them into ERPNEXT, then erpnext by default have those files embedded.

so, if you want to test it separately then download twitter bootstrap and work on it.

or you can work on erpnext and see the results.

Warm Regards.

On Thursday, 14 February 2013 06:53:44 UTC+3, mehul mehta wrote:
Dear Umair,
           I created the following code for section alignment but it does not seem to work. Please find the screenshots attached.

Regards,
Mehul.

On Wed, Feb 13, 2013 at 1:00 PM, Umair Sayyed <um…@iwebnotes.com> wrote:

Hi Mehul,

Following the is the HTML markup to insert a button and define a link behind it.

<a class="btn" href="link-of-a-page.html">More</a>

For section alignment within same page, try <div> tag and define the alignment as right or left for them. Check source code of benefits page on our website.


Inline image 1

Hope this helps.


Thanks and Regards,

Umair Sayyed
www.erpnext.com





On Wed, Feb 13, 2013 at 12:21 PM, mehul mehta <b…@gmail.com> wrote:

Hi,
     For our website I wanted to create specific layouts and insert buttons for links. Please help how to go about it. Attaching screenshots for reference. Thanks in advance.


Mehul




You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

To post to this group, send email to erpnext-dev…@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msg/erpnext-developer-forum/-/hbpQIxHCxPEJ.

For more options, visit https://groups.google.com/groups/opt_out.

 

 




You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un…@googlegroups.com.

To post to this group, send email to erpnext-dev…@googlegroups.com.

For more options, visit https://groups.google.com/groups/opt_out.

 

 




You received this message because you are subscribed to the Google Groups “ERPNext Developer Forum” group.

To unsubscribe from this group and stop receiving emails from it, send an email to erpnext-developer-forum+un...@googlegroups.com.

To post to this group, send email to er...@googlegroups.com.

To view this discussion on the web visit https://groups.google.com/d/msg/erpnext-developer-forum/-/feocDj_2VGcJ.

For more options, visit https://groups.google.com/groups/opt_out.