How to add custom CSS and Javascript to Item Group Webpages?

Hi,

We are currently outsourcing the website work from a new developer so that he could make a website from within erpnext. Now the problem is that all webpages have the ability to add custom CSS and javascript but the webpages which are generated from Item Groups are only in HTML, is there a way to add the custom CSS and javascript to the Item Group pages as well.





Note:

 

If you are posting an issue,

  1. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  2. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  3. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

     

    End of Note



    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.

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

Hi Aditya,

As an immediate solution, you can use global CSS field available via Website > Style Settings.

Best,
Anand Doshi.

On 30 January 2014 at 8:49:26 pm, Aditya Duggal (ad...@gmail.com) wrote:

Hi,

We are currently outsourcing the website work from a new developer
so that
he could make a website from within erpnext. Now the problem is
that all
webpages have the ability to add custom CSS and javascript but
the webpages
which are generated from Item Groups are only in HTML, is there
a way to
add the custom CSS and javascript to the Item Group pages as well.


Note:

If you are posting an issue,

  1. We should be able to replicate it at our end. So please give us
    as much information as you can. Please see it from the point of
    view of the person receiving the communication.
  2. Paste your code at http://pastebin.com or http://gist.github.com
    and send only the URL via email
  3. For sending images, use http://imgur.com or other similar
    services. Do not send images as attachments. Links are good.
    Same goes for any file you are going to send.

End of Note

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.
For more options, visit https://groups.google.com/groups/opt_out.


Note:

If you are posting an issue,

  1. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  2. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  3. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

End of Note

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.
For more options, visit https://groups.google.com/groups/opt_out.

Is it not possible to add the same custom script and javascript options which are available in the normal webpages. This would help us in getting a good website up and working otherwise there are chances that the whole thing might just get stuck since the work is being done by a separate developer.



On Friday, January 31, 2014 1:53:53 PM UTC+5:30, Anand Doshi wrote:
Hi Aditya,

As an immediate solution, you can use global CSS field available via Website > Style Settings.

Best,
Anand Doshi.

On 30 January 2014 at 8:49:26 pm, Aditya Duggal (ad...@gmail.com) wrote:
>
> Hi,
>
> We are currently outsourcing the website work from a new developer
> so that
> he could make a website from within erpnext. Now the problem is
> that all
> webpages have the ability to add custom CSS and javascript but
> the webpages
> which are generated from Item Groups are only in HTML, is there
> a way to
> add the custom CSS and javascript to the Item Group pages as well.
>
>
>
> --
> Note:
>
> If you are posting an issue,
> 1. We should be able to replicate it at our end. So please give us
> as much information as you can. Please see it from the point of
> view of the person receiving the communication.
> 2. Paste your code at http://pastebin.com or http://gist.github.com
> and send only the URL via email
> 3. For sending images, use http://imgur.com or other similar
> services. Do not send images as attachments. Links are good.
> Same goes for any file you are going to send.
>
> End of Note
> ---
> 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.
> For more options, visit https://groups.google.com/groups/opt_out.
>



Note:

 

If you are posting an issue,

  1. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  2. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  3. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

     

    End of Note



    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.

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

As of now this option is not available, since they are not individual pages, but are generated using a common template.

But as a workaround, you can still use the global CSS to do what you want with the styling, since Global CSS is available for all pages on your website.


So say, you want to change the look of the grid list in your Item Group page, then you can apply css styles on search-list class and its children.

For javascript, you can use the global script option in Website > Website Script to bind events.

Please check if this works out.

Thanks,
Anand.

PS: Ver 4 already has the ability to completely override existing templates, so a developer won't be limited by the restrictions of existing template. Hopefully, this should allow you to do any magic you want with your website :D


On Fri, Jan 31, 2014 at 3:45 PM, Aditya Duggal <ad…@gmail.com> wrote:

Is it not possible to add the same custom script and javascript options which are available in the normal webpages. This would help us in getting a good website up and working otherwise there are chances that the whole thing might just get stuck since the work is being done by a separate developer.




On Friday, January 31, 2014 1:53:53 PM UTC+5:30, Anand Doshi wrote:

Hi Aditya,

As an immediate solution, you can use global CSS field available via Website > Style Settings.

Best,
Anand Doshi.

On 30 January 2014 at 8:49:26 pm, Aditya Duggal (ad...@gmail.com) wrote:
>
> Hi,
>
> We are currently outsourcing the website work from a new developer
> so that
> he could make a website from within erpnext. Now the problem is
> that all
> webpages have the ability to add custom CSS and javascript but
> the webpages
> which are generated from Item Groups are only in HTML, is there
> a way to
> add the custom CSS and javascript to the Item Group pages as well.
>
>
>
> --
> Note:
>
> If you are posting an issue,
> 1. We should be able to replicate it at our end. So please give us
> as much information as you can. Please see it from the point of
> view of the person receiving the communication.
> 2. Paste your code at http://pastebin.com or http://gist.github.com
> and send only the URL via email
> 3. For sending images, use http://imgur.com or other similar
> services. Do not send images as attachments. Links are good.
> Same goes for any file you are going to send.
>
> End of Note
> ---
> 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.
> For more options, visit https://groups.google.com/groups/opt_out.
>



Note:



If you are posting an issue,

  1. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  2. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  3. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.



    End of Note



    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.

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




Note:

 

If you are posting an issue,

  1. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  2. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  3. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

     

    End of Note



    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 view this discussion on the web visit https://groups.google.com/d/msgid/erpnext-developer-forum/CAAQzbF2XtphHwgdt%3DpoEXsgjXKRdK-vDDcKQ%3DaxUM05qY2e-ig%40mail.gmail.com.

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

I would caution against excessive theming until version 4.

In version 4, we will allow you to add Bootstrap Themes like in http://bootswatch.com/ (not in the first release but soon)

So you can use bootstrap themes directly that are responsive and platform friendly.

best,
Rushabh

On Sunday, February 2, 2014 12:03:10 PM UTC+5:30, Anand Doshi wrote:
Hi Aditya,

As of now this option is not available, since they are not individual pages, but are generated using a common template.

But as a workaround, you can still use the global CSS to do what you want with the styling, since Global CSS is available for all pages on your website.


So say, you want to change the look of the grid list in your Item Group page, then you can apply css styles on search-list class and its children.

For javascript, you can use the global script option in Website > Website Script to bind events.

Please check if this works out. 

Thanks,
Anand.

PS: Ver 4 already has the ability to completely override existing templates, so a developer won't be limited by the restrictions of existing template. Hopefully, this should allow you to do any magic you want with your website :D





Note:

 

If you are posting an issue,

  1. We should be able to replicate it at our end. So please give us as much information as you can. Please see it from the point of view of the person receiving the communication.
  2. Paste your code at http://pastebin.com or http://gist.github.com and send only the URL via email
  3. For sending images, use http://imgur.com or other similar services. Do not send images as attachments. Links are good. Same goes for any file you are going to send.

     

    End of Note



    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 view this discussion on the web visit https://groups.google.com/d/msgid/erpnext-developer-forum/75e1005d-8111-496f-b76e-dab0f0e153c6%40googlegroups.com.

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