Using custom CSS on workspace

Hi,
Is it possible to use a specific custom css file to rearrange the contents of a teamworkspace?
We would like to design the entire page using css, instead of the builtin tool since this makes it a lot easier.
Regards

hi,
This usually happens to me when the CSS file is not published or approved yet. Where is your new CSS located? Have a look
with SharePoint Designer or browse to it and publish/approve it.
use refrence from below links
http://sharepoint.stackexchange.com/questions/53565/css-and-js-files-work-for-admin-but-not-for-members-and-visitors-sp-2013
http://sharepoint.stackexchange.com/questions/20558/sharepoint-2010-branding-i-see-it-as-site-admin-but-rest-users-dont
Whenever you see a reply and if you think is helpful,Vote As Helpful! And whenever you see a reply being an answer to the question of the thread, click Mark As Answer

Similar Messages

  • Can i use custom css ?

    can i use custom css in links or anywhere ? thank you

    Hi Krypton,
    You will not be able to able to alter the html generated via Muse and such practices are not recommended as well. In case you are absolutely sure what you are doing then you need to use custom JS to modify the html that muse renders. Again, the custom JS will be inserted using the options that I mentioned above in my previous post.
    - Abhishek Maurya

  • Using custom CSS style sheet

    I'm trying to use a custom CSS style sheet and can't get it to work. I've created my stylesheet and uploaded it so it shows under Shared Components >> Cascading Style Sheets.
    Viewing the source for my pages currently shows a reference to what I guess is the default style sheet -
    <link rel="stylesheet" href="/i/css/apex_3_1.css" type="text/css" />But no reference to the one I uploaded. So I guess I need to add a new reference pointing to my sheet.
    So questions would be -
    - How and where do I add this reference?
    - Is this the correct way to do things if I want to use my own styles?

    Antilles,
    Go to your Shared Components > Temples > Select the page template you wish to apply your CSS to and in the "Header" area you will see references to the APEX CSS, something like,
    <link rel="stylesheet" href="#IMAGE_PREFIX#themes/theme_17/theme_3_1.css" type="text/css" />Now, just add your CSS reference after any APEX CSS references.
    Hope this helps.
    -Chris

  • Using Custom css in master page but it changing the alignment when some user log in

    Hi all,
    I created a custom css and i applied on master page,this css is good for admin log in,but other group users are loges in,  css is  changing in Alignment of Pictures how to solve this issue ,  I given the permission for the style library where
    i placed the images and css file 

    hi,
    This usually happens to me when the CSS file is not published or approved yet. Where is your new CSS located? Have a look
    with SharePoint Designer or browse to it and publish/approve it.
    use refrence from below links
    http://sharepoint.stackexchange.com/questions/53565/css-and-js-files-work-for-admin-but-not-for-members-and-visitors-sp-2013
    http://sharepoint.stackexchange.com/questions/20558/sharepoint-2010-branding-i-see-it-as-site-admin-but-rest-users-dont
    Whenever you see a reply and if you think is helpful,Vote As Helpful! And whenever you see a reply being an answer to the question of the thread, click Mark As Answer

  • Using customized css in a portal application

    Hi,
    Sorry for the beginner question but I can't find sufficient documentation for that.
    I would like to use my own css in my portal component and override the default theme design, could someone please point me to what I should do ?
    Thanks,
    Elad.

    Hi Elad,
    For JSPs to access this css file here is the sample code. Make sure that you keep your css file inside dist->css folder.
    <Html>
    <Head>
    <%@ page import="com.sapportals.portal.prt.component.IPortalComponentResponse"%>
    <%@ page import="com.sapportals.portal.prt.resource.IResource"%>
    <%
    IPortalComponentResponse componentResponse =
        (IPortalComponentResponse)pageContext.getAttribute(javax.servlet.jsp.PageContext.RESPONSE);
    IResource suckerfishCss = componentRequest.getResource(IResource.CSS, "css/GlobalReportStyles.css");
    componentResponse.include(componentRequest, suckerfishCss);
    %>
    </Head>
    <body>
    </body>
    </html>
    Now the class files must be availble to you.
    Regards,
    Vishal

  • Using Custom CSS Elements

    Hello,
    i want to add own elements into a theme css file and use it in a jsp file (part of a portal archive). So im wondering if this is possible and how this will affect the sap portal theme editor?
    regards,
    Markus

    Hello Markus,
    as I understand, you are changing code of the top level navigation par file too. Is that right?
    Even if not you could deploy your own par file for your top level navigation and include your own css files with it. But  that way you will of course not be able to edit these css properties in the theme editor.
    But as far as I understand the documentation there is no (standard) way to change the theme editors behaviour or how it handles the css files that it generates.
    With the following Code you can include css files with your par file:
    <%@ page import = "com.sapportals.portal.prt.component.IPortalComponentRequest" %>
    <%
    IResource myCss = componentRequest.getResource(IResource.CSS, "css/my.css");
    currentResponse.include(componentRequest, myCss);
    %>
    The above used path is relative to the root folder in the par file. The css files should be located in the subfolder css.
    I am using this way in my own project and it works well.
    Kind regards,
    Roland

  • How can I use this?? Custom css style.

    !http://unisonsoft.iptime.org:8000/sample.jpg!
    Please look at this image.( Dashboard -> page option -> section properties -> Custom CSS Style Options (HTML Only) -> Use Custom CSS Style)
    I want to use Custom Css Style.
    What can I do for this?
    Thank you.
    Edited by: user626249 on 2009. 7. 28 오후 10:28

    Thank you Mr.Jhon and everyone.
    My client asked me "how can I see the pages on dashboard with many CSS"
    Sorry...Actually I can`t use ENGLISH very well...
    For example)
    Page1 has two tables.
    These table`s font-size is 12pt.
    page2 has two tables too.
    These table`s font-size is also 12pt.
    In this case, I only want to change table`s font-size 10pt in page2.
    The font is set the file "/OracleBI/oc4j_bi/j2ee/home/applications/analytics/analytics/res/s_oracle10/b_mozilla_4/views.css"
    If I change this css file, page1 and page2 has same format of tables.
    So I need to change olny one page`s table font-size using Custom Css Style.
    This is my best writting...Sorry...;;;;;;;;;;;;;;;;
    Thanks everyone...If you understand me, please help me.^^
    Edited by: user626249 on 2009. 7. 29 오전 2:22

  • Unable to install supporting objects(custom CSS/Images) through SQL

    4.2.1
    Hi there,
    we have a Apex app which uses custom CSS/images loaded into shared objects CSS and image folders respectively. I followed the steps
    http://nerd.net.au/29-apex-application-express/general-application/122-include-images-with-supporting-objects-on-apex-export-import
    Now, this works fine when we manually import the application through application builder, it "prompts" if we want to install supporting objects, when yes is selected, everything gets installed.
    MY problem is we have an automated patching process where the .sql application file gets installed but the supporting objects are not. So I tried bundling the supporting object as a separate .sql file but got an error
    Testing options PL/SQL procedure successfully completed. declare * ERROR at line 1: ORA-20001: Package variable g_security_group_id must be set. ORA-06512: at "APEX_040200.WWV_FLOW_IMAGE_API", line 11 ORA-06512: at "APEX_040200.WWV_FLOW_IMAGE_API", line 31 ORA-06512: at
    The supporting object is a button. Do I need to set the application id or security group id or something else?
    begin
    wwv_flow_api.g_varchar2_table := wwv_flow_api.empty_varchar2_table;
    wwv_flow_api.g_varchar2_table(1) := '89504E470D0A1A0A0000000D494844520000009600000051080600000030EC5FEE000000097048597300000B1300000B1301009A9C1800000A4D6943435050686F746F73686F70204943432070726F66696C65000078DA9D53775893F7163EDFF7650F56';
    wwv_flow_api.g_varchar2_table(2) := '42D8F0B1976C81002223AC08C81059A21092006184101240C585880A561415119C4855C482D50A489D88E2A028B867418A885A8B555C38EE1FDCA7B57D7AEFEDEDFBD7FBBCE79CE7FCCE79CF0F8011122691E6A26A003952853C3AD81F8F4F48C4C9BD80';
    wwv_flow_api.g_varchar2_table(3) := '021548E0042010E6CBC26705C50000F00379787E74B03FFC01AF6F00020070D52E2412C7E1FF83BA50265700209100E02212E70B01905200C82E54C81400C81800B053B3640A009400006C797C422200AA0D00ECF4493E0500D8A993DC1700D8A21CA908';
    wwv_flow_api.g_varchar2_table(4) := '008D0100992847240240BB00605581522C02C0C200A0AC40222E04C0AE018059B632470280BD0500768E58900F4060008099422CCC0020380200431E13CD03204C03A030D2BFE0A95F7085B8480100C0CB95CD974BD23314B895D01A77F2F0E0E221E2C2';
    wwv_flow_api.g_varchar2_table(5) := '6CB142611729106609E4229C979B231348E7034CCE0C00001AF9D1C1FE383F90E7E6E4E1E666E76CEFF4C5A2FE6BF06F223E21F1DFFEBC8C020400104ECFEFDA5FE5E5D60370C701B075BF6BA95B00DA560068DFF95D33DB09A05A0AD07AF98B7938FC40';
    wwv_flow_api.g_varchar2_table(6) := '1E9EA150C83C1D1C0A0B0BED2562A1BD30E38B3EFF33E16FE08B7EF6FC401EFEDB7AF000719A4099ADC0A383FD71616E76AE528EE7CB0442316EF7E723FEC7857FFD8E29D1E234B15C2C158AF15889B850224DC779B952914421C995E212E97F32F11F96';
    wwv_flow_api.g_varchar2_table(7) := 'FD0993770D00AC864FC04EB607B5CB6CC07EEE01028B0E58D27600407EF32D8C1A0B91001067343279F7000093BFF98F402B0100CD97A4E30000BCE8185CA894174CC608000044A0812AB041070CC114ACC00E9CC11DBCC01702610644400C24C03C1042';
    wwv_flow_api.g_varchar2_table(8) := '06E4801C0AA11896411954C03AD804B5B0031AA0119AE110B4C131380DE7E0125C81EB70170660189EC218BC86090441C8081361213A8811628ED822CE0817998E04226148349280A420E988145122C5C872A402A9426A915D4823F22D7214398D5C40FA';
    wwv_flow_api.g_varchar2_table(147) := 'A514B7B6B6EA5AADA60B8582EAECEC54511471BD5EE7BEBE3EBF4E108FCA58FE9601580A68199FDAF12F8D1DDB5E3386221ADD8E3AF3CEC772A73505D60820C32BF0238E6DAF5D508DBAFFF2CFACE20C3E9A03E2789F3430B68D6DAF641BF33D8D6D63C0';
    wwv_flow_api.g_varchar2_table(148) := '1ADBC68035B68D016B6C1BDBC68035B6BD46B6FF3B0074B1DD40306DC6CD0000000049454E44AE426082';
    end;
    declare
        l_name   varchar2(255);
    begin
        l_name := 'logo.png';
      wwv_flow_api.create_or_remove_file(
         p_name=> l_name,
         p_varchar2_table=> wwv_flow_api.g_varchar2_table,
         p_mimetype=> 'image/png',
         p_location=> 'WORKSPACE',
         p_nlang=> '0',
         p_mode=> 'CREATE_OR_REPLACE',
         p_type=> 'IMAGE');
    end;
    /

    Thanks Fac586! I did follow the process on those lines and was able to successfully get the images, application installed. The CSS which just had
    body {
         background-color:#000000;
    }Was also applied. However, it for some reason does not work. Looks like the CSS is not getting loaded. When I delete the CSS and upload it again through the shared components->CSS folder, it works fine. Not sure what the solution is!
    Oh and by the way, thanks a ton for helping everyone!
    Cheers,
    Ryan

  • Add Custom CSS to SharePoint Foundation 2010

    I have SharePoint Foundation 2010. I am trying to use custom CSS to override the out of the box CSS. I have linked my CSS file within the master page a million different ways but nothing seems to work.
    Can this be done in Foundation or do I need to purchase Server?

    Hi Tory,
    How did you add the custom CSS for SharePoint 2010 foundation?
    You can upload the CSS file into a library at the SharePoint site collection, then use <SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/Custom/styles.css %>" After="corev4.css" runat="server"/> to include a reference
    to your custom CSS file.
    In addition, please clear SharePoint cache, and do an IISRESET, then compare the result.
    More information, please refer to the links:
    http://labs.steveottenad.com/add-custom-css-to-a-sharepoint-2010-site/
    http://msdn.microsoft.com/en-us/library/gg447066.aspx
    Best Regards,
    Wendy
    Wendy Li
    TechNet Community Support

  • Custom CSS-Applying selected background for all the cols in the report

    Hi,
    I am trying to set a particular background for all the columns in the report(not for all the projects,so that I can avoid option of manually setting background color for complete report.For this I thought custom CSS is best option.So edited custom.css(C:\OBI11g_Middleware\Oracle_BI1\bifoundation\web\app\res\s_blafp\b_mozilla_4) file with below code and went to the Answers-> Criteria->Choose Column->style-> check "Use Custom CSS Class"->MyCell
    Code used in custom.css
    .MyCell { background-color: #00ff00; font-style:italic; font-weight: bold;}
    Somehow I dont see the background color applied to any of the columns in report.Can anyone had successful attempt of this Custom CSS.Thanks in Advance.

    I am trying both the solutions.
    User 979493,
    I started manually writing the code instead of pasting and almost worked.In the mentioned below paths I dont have custom.css file,so I created one and manually entered below code.But does it work for only that particular column and not for all the columns.Is it supposed to work for all the columns or just that column.
    For example: I have 2 cols in the report,I used "Use Custom CSS Class" -> MyCell for the first column and when I ran results it shows background color for only col1 and not for col2.I thought this feature will apply background color for all the columns in the report.Please correct me if I am wrong.
    custom.css file content:
    .MyCell{background-color: #00ff00;font-style:italic;font-weight:bold;}

  • Responsiveness of forms - custom css

    Hi
    I notice the forms widths  are set to pixel based, which causes problems when embedding forms in responsive designs.  when a site is viewed on a smaller device the form breaks over the container that holds it. making the whole form very messy.
    There needs to be the ability to have forms that are responsive in todays current web design ability.
    I guess this also leads to the ability to have custom CSS styles applied to customise the use of web fonts,  and custom form elements. - with ability to use custom css files it would go to solving the issue with making form responsive as we could make use of media queries to deal with such issues.
    Adobe you need to make this form web designer friendly  rather than non expereinced users,  I use these forms because it a great extension to having to search emails trying to find submitted data and can have other users repond to form submissions all from one place.
    Please advise on what is already in place to deal with such problems and where Adobe see advancements of formcentral in this area?

    Hi,
    I believe by responsive, you mean the ability to customize the form on your web page via a customized CSS or api.  This is not something we currently support but you can add or vote on feature ideas:
    http://forums.adobe.com/community/formscentral?view=idea
    If you need to add a new idea click "Create an idea" under "Actions" in the top right.
    Thank you for your suggestions and feedback, If you like please provide the link to your html page with the embedded form or send the link to [email protected], a description/steps of the problems that you are facing so we have a better understanding of the issues.
    Lucia

  • How Do I Use a SINGLE Custom CSS for My Project?

    How do I set a single CSS for a project?
    Currently, I have linked (I checked, they are actually linked) FM files. The project is Responsive HTML 5 Single Source Layout. It is set up this way:
    Project Files
    Each FM file has a folder that contains a CSS, an FPJ, any baggage (PNG, for example) and an HTM.
    So, for my project, I have 31 such folders.
    Above them is RHStyleMapping.css.
    That's it
    To map my project to a custom CSS, I did this:
    1) Created the custom CSS (let's call it TheSingleCSS-sb01.css) and put it in the same location as RHStyleMapping.css.
    2) Right-clicked Responsive HTML5 (Primary Layout) in the Single Source Layouts pane.
    3) Selected Properties. The Responsive HTML5 Properties dialog box opens.
    4) Click Content, select  the Apply to all Topics check box, select CSS, and choose my CSS, TheSingleCSS-sb01.css.
    5) Click Save and Generate. Generating happens.
    6) When prompted, click View Result.
    7) Double-click one of the resulting topics, and choose the HTML tab.
    8) Notice the following CSS files are referenced, NOT the one I want:
    <link rel="stylesheet" href="Configuration_ChangeWorkflow.css" type="text/css" />
    <link rel="stylesheet" href="..\..\RHStyleMapping.css" type="text/css" />
    <image>
    So:
    1) How can I replace 32 individual CSSes with one single custom CSS?
    2) Also note that Project Manager does not display my custom CSS, even though it is in the same location as RHStyleMapping.css and referenced in the Properties dialog box.
    Thanks all,
    Sean

    Hi, so as I mentioned before, I have used Apply to all and this doesn't work. The resulting HTML still uses a specific CSS for that one HTML file.
    1) I put the CSS I want to use, Sean01.css, in the top level of my project using Windows Explorer.
    2) I Save and Generate.
    3) But, my settings for styles in the CSS are not used. For example, FM_GlossaryDefinition is defined with a 0 left indent but actually uses a 144pt indent (that mirrors the print FM document and that I do not want).
    4) And, you can see from the actual HTML, that the Sean01.css file that I applied to all topics (see the first image) is not referenced. What am I doing wrong?
    What am I doing wrong? Again, these are imported FM files; this is not linked.
    Thanks,
    Sean

  • How to use a custom css with a ditamap?

    I'm still trying to get to grips with some DITA Frame basics and another piece of info that I would like to have is how to get the ditamap to use a custom css when it is output to xhtml with the DITA OT. Is there any simple non-super-techie way to do this without having to learn how to hack the ANT programs?
    Under the StructureTools menu, there is an Import CSS styles item, but I can't find instructions on how to use it accessible to my level.
    Also, is there a way to apply a company stylesheet to the Responsive html output generated with the new Publish tool? I realize the two provided templates can be modified element by element, but it does mean a lot of modification, and it would be cool if we could just invoke the stylesheets that already govern our web site so that the output could match.
    Thanks to anyone who can help,
    Elisa Roselli
    Cambridge Imaging Systems

    Hi Elisa...
    The short answer is .. no.
    When you publish through the OT, you're just passing control off to an Ant target and the DITA-OT processing. You'd need to modify the files in the OT to use a modified CSS. Note that the "easy" way to do this is to just edit the CSS file directly in the OT file structure. The "proper" way to do it is to develop an OT plugin and set up a new Ant target that uses your styling instead of the default. You'd change the Ant target that FM uses so it calls yours (don't recall where this is but it can be done).
    One thing that may be useful to know is that when you set the value of the @outputclass attribute on an element in DITA, the corresponding tag in the generated HTML is assigned a @class attribute with that same value. This lets you set "styling" in DITA that is applied to the output. You still need to get your custom class definitions ino the CSS.
    The Import CSS item on the StructureTools menu has nothing to do with OT publishing (or anything that you'd likely be using).
    I'm not aware of a way to apply a stylesheet to the Publish tool .. I thnk you have to go through the process of mapping styles manually. I could be wrong, and if so, hopefully someone else will jump in to help.
    Cheers,
    …scott

  • After deleteing Custom CSS and Custom Functions, cannot get FireFox to recognize audio player. Works in IE and Safari. Site is https and using bluehost.

    Using the Genesis Framework on my WordPress site. I can use Safari and IE. However, when I try to use Fire Fox, it will not appear. I deleted all of my Custom CSS and Functions. Still, nothing is working. Contacted bluehost, the representative there was not able to help me out and also emailed CD Baby to see what might work. I am not sure if it is something with my site using HTTPS instead of HTTP of why this is not working? I am told the plugin works on Fire Fox but I cannot for the life of me figure out what's going on. Also changed themes and used Twenty Thirteen among others. Still the same thing. Fire Fox will not work. Tried in Text widget, and pasting on a page, and still not working. IE and Safari it is fine. Do I need to add something else within my site? Thanks ahead of time for any way to solve this situation.

    There is mixed active content loaded in an iframe that Firefox is blocking as you can see by the shield icon at the left end of the location/address bar.
    *https://developer.mozilla.org/Security/MixedContent
    *https://developer.mozilla.org/Tools/Web_Console

  • Using custom style sheet for UI  presentations

    Hi...
    is there a possibility to use custom stylesheets for UI presentations in BPM ???
    if so how do i link the custom stylesheet to my workspace so that i get the desired output on my UI screens.
    The only style sheet i see fro UI is fo_style.css

    You first will need to import the CSS file into your project. You do this by right clicking on the webResources folder located under the WebRoot branch of your project tree. This will present a short menu to you, and one of the options is Import Resources. Browse to your CSS file and click Open.
    Next you need to open your ALBPM Presentation and open the Properties window. Set the CSS Support property to True, and then select the imported CSS file under the CSS Filename property.

Maybe you are looking for