• X

    CSS Injection in Google Docs Forms

    By in Google

    Bluehost hosting

    google docs spreadsheet 773638 CSS Injection in Google Docs FormsGoogle docs are the great way to get a feedback from your readers and can easily be embedded to your webpage or blogger.It provide full control to the webmaster to customize the layout of there form.But it would be great if we can change the a bit of css here and there .If u does not know how to use google docs to make a feedback form you can read this article.

    Flemming Steffensen found an ultimate trick to customize google docs forms using css Injection. Lets See how it is doen.I know it may be difficult for some users but every new thing is difficult ,i recommend you to try once because such thing might not work in future.

    Lets assume form url is :

    https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE

    You can add some new CSS rules as a value of the f parameter:

    Like this :

    https://spreadsheets.google.com/embeddedform?key=0Ato1MNFt5ld1cExhRTl0c1ZMcF8zcWZJRTNPSGhLQkE&f=;}body{font-size:14pt!important}.ss-q-title{color:green}

    Open both above url in different tab and see the difference.

    You can edit several things in google docs like :

    • remove footer
    • Change text color
    • change font size globally,and section wise
    • add padding and spacing

    Flemming steffensen  has created a  interactive test page: For editing your googledocs form .So Do check out and do try.

    Source: googlesystem.blogspot.com

    This is a guest post by Ishan, if you want to write for Shoutmeloud, Check Join Shoutmeloud

    Get Free Blogging updates in your Email

    Find more Topics based on Keywords

    Article by

    ishan has written 4 articles.

    If you like This post, you can follow ShoutMeLoud on Twitter. Subscribe to ShoutMeLoud feed via RSS or EMAIL to receive instant updates.

    { 4 comments… read them below or add one }

    Vivek

    Thanks for sharing this useful and helpful information with us

    Reply

    navi rana

    thanx for providing this post i was really wanting this .Easy to understand and very useful post.You rock thanx ishaan and shoutmeloud

    Reply

    lexa

    Hi
    There is absolutely no difference between the 2 URLs
    Did google change something ?

    Reply

    Rob Juurlink

    Google fixed / closed the security hole. The CSS injection hack described above does not work anymore.

    Reply

    Leave a Comment

    Previous post:

    Next post:

    `