Loading...

How to add an external style sheet so that I can simply input the name of CSS class we created in-house

How to add an external style sheet so that I can simply input the name of CSS class we created in-house

  • This topic is empty.
Viewing 4 reply threads
  • Author
    Posts
    • #5476
      Anonymous
      Anonymous
      Participant

      I would recommend that you create your custom css file and upload to your Style library of your SharePoint site collection and reference them. With the help of SharePoint Designer, you can add reference to the css file in master page, or individual web part page. And then you can use the css classes in web part customization.

    • #5627
      Anonymous
      Anonymous
      Participant

      Hi ,

      I had a similar question, and your support engineer actually sent me a sample code for changing qListView result header style:

      <style>

      .RadGrid .rgGroupHeader TD P {padding-left:0px;font-weight:bold;}

      </style>

      Could you give us the name/element for changing the alternating item style background color?  ple CSS will be greatly appreciated.

      Thank you!

      Schulte Roth & Zabel LLP

    • #5628
      Anonymous
      Anonymous
      Participant

      Please provide assistance with this.  Thx.

    • #4485
      Anonymous
      Anonymous
      Participant

      Posting on behalf of a customer.  (Sharing link with customer)

      I would also like to how to add an external style sheet so that I can simply input the name of CSS class we created in-house.  Could you forward me any instructions on applying external style sheets for QuickApps v.6.2?  Our current version is 6.2 (build 2013.7.19).

      Thank you.

    • #5629
      Anonymous
      Anonymous
      Participant

      Hi

      The best way to understand the element and name for changing the alternating item style background color is using Internet Explorer Developer Tool. Using modern browsers, hit F12 key to bring the tool up and investigate the HTML DOM structure (such as the DOM Explorer in IE Developer Tool). Click the arrow key button "Select Element (Ctrl-B)" to move your cursor to the alternating item line and click. Once you selected the alternating line, you should be able to see the CSS classes and styles applied to that element. This is also how we are able to provide the sample CSS class name and style to you.

      You will have to come up with the exact CSS style that you wanted to replace the OOTB style we provided. The Developer tool allows you to directly make changes and see the effect. Once you are comfortable with the change, you can copy it and use them on your own. There are many resources online with regard to CSS style for color, font, background and etc.

      To apply for CSS style change, you can either create separate stylesheet and upload it to the document library on your SharePoint site, then reference this file from your master page or individual Web Part page. Alternatively, you can apply it as in-line style by using OOTB Web Part such as HTML Form Web Part or Script Part (in SP2013) and copy/paste the custom CSS code in it to the page (in this case, the page containing your qListView). The alternative approach obviously only handles one instance of the need so it is not reusable like the separate CSS file approach but it is quick and efficient if you only want to change one page.

Viewing 4 reply threads

You must be logged in to reply to this topic.