FCKEditor, edit css, SiteStudio and WebCenter

Hi!
Im using a UCM as content repository for my WebCenter portal.
I uses region definitions in the UCM/SiteStudio 11g when editing and I have added an edit css to the element used in the region definition.
This works perfect when editing directly in the content server, and it works when editiing in the portal with FireFox, but not Internet Explorer.
And unfortunally our customer are only allowed to use IE.
Have anybody seen this problem, that the Editor CSS don't load for IE?
Regards,
Ralf
Edited by: user12023344 on 2011-jul-11 06:41

Hi Muhammad.
These CSS are generated from your CSS Skin.
My first recommendation is in dev enviroments disable content compression. Disabling content compression you will see components and style classes applied from skin selectors instead of compressed classes like x1av... etc...
To disable content compression you have to change in web.xml follow context-param:
<context-param>
<param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
<param-value>true</param-value>
</context-param>Now, you'll see through firebug what ADF Components / Selectors / Global Selectors to change.
If you don't know of ADF Skinning please read something about it. It's important know about it :).
References: https://blogs.oracle.com/jdevotnharvest/entry/how_to_learn_adf_skinning
UPDATE: More information
If ADF CSS Skin don't help you to apply or overwrite styles applied then try to set custom "styleClass" property to ADF Components that you want to change.
Regards.

Similar Messages

Include In Head adaptive Tag and Webcenter Default CSS questions

Hello I'm fairly new to Webcenter
I`m currently working on a project that`s requiring us to do a lot of customizing of Templates and Stylesheets changes, I have a couple of questions I was hoping someone might be able to help me with.
1) I want to inject some code into the page header of all webcenter pages. I understand that there is an adaptive tag "includeinhead", documented here:
http://download.oracle.com/docs/cd/E13174_01/alui/devdoc/docs60/Portlets/Adaptive_Portlets/Using_Adaptive_Tags/plumtreedevdoc_integration_portlets_adaptive_namespacetoken.htm
This works, for the most part. However, for IE I would like to include the 'ie shim' which fixes behaviours for IE (adding things like border radius), etc...this code goes as follows:

As you can see, there are 'comment' tags that are not really comments, but directives to IE to process the script. This unfortunately gets parsed out by webcenter because (I assume) it just sees the whole block as a comment...So I am wondering what can be done about this.
2) I am wondering where the 'default' stylesheet that webcenter uses resides. By default, I am referring to the styles that get applied in the cases where tags are not defined in the skin file. I am having some difficulties around this because often Webcenter injects inline CSS into the controls where I don't really want it to... For example, in the "panel header" control, webcenter injects code for the title field and automatically sets the width of the cell. I would like to override this and control it completely.
Thanks.

Is that really a big deal or is it ok .... ? I'm always thinking .... oh god how heavy that is , anytime you call up the page the browser has to go through all that first ... is it actually ok or are there any tricks or tips ?
It's always a good idea to worry about how heavy the LINKED files are since they contribute to the overall weight of the page. The contribution of the links themselves, though, is negligable. There is also benefit in managing the order in which those links appear. Put CSS links first and follow them with javascript links (since the CSS will affect the page rendering, while the javascript most likely will not), so the browser can begin to render the page even while it's waiting for the js files to be fetched.
2 - Templates are great but If a spry is only needed on some pages,how do we handle that ? By setting up another template ? Or is there a better way ?
If you are applying Spry effects to a Template child page, DW is smart enough to drop those links into the editable region in the head of the page (which is what it should do). Just make sure that the editable region falls BETWEEN your CSS links and your JS links to allow you to arrange things as mentioned above. There is never a real need to have more than one Template per site.
3 - is it better to have 1 single compressed css file with ALL styles in it or various css files ?
There is a small performance hit everytime you have to go back to the server for another file. So two pages of the same overall weight, one with 1 externally linked file, and the other with 10 externally linked files will show a difference in their download time. How significant that difference is will depend on many variables, but it will be a real difference. That being the case, it's always better to opt for a single file than multiple files. Practically speaking, the difference will usually be small, especially when you consider how small these 'incremental' css files usually are....

The big picture for UCM and WebCenter

Can someone explain how our UCM product fits with Oracle's WebCenter? Can it replace Site Studio? Is anyone experimenting with this or can point me in the direction of connecting the Web Center product to the UCM product (10g or 11g)?
In the Oracle WebCenter - Statement of Direction
http://www.oracle.com/technology/products/webcenter/pdf/owcs_r11_sod.pdf
I read the following that implies WebCenter can connect to UCM.
Embed Web 2.0 into applications – WebCenter Services
WebCenter Services include a complete set of Web 2.0 content, search, collaboration, and communication services that can be embedded directly into applications built with the WebCenter Framework. The level of integration is unique and compelling and allows the services to be accessible in the context of the task or business flow. These services include:
A content management solution for storing and managing files and documents (Oracle Content Database or, as an additional license option, Oracle Universal Content Management – that is, Stellent)
But I don't really know what that means to me or how to get started.
Thanks.

Wll, it's quiet easy. Webcenter is designed to handle services. UCM is also complettly service oriented so you could create a webapplication with webcenter where you define services from UCM and create your own user interface.
It's nothing more than the fact that webcenter can handle services (WSDL, SOAP).
You could create a site without siteStudio, using webcenter. Nothing wrong with that but don't forget that siteStudio has lots of tools that are great for UCM like the contributor mode. Also, the fragments that are allready build in in siteStudio give a big advantage. If you want to create these things in zebcenter, you'll have to start from scratch.
I do believe Oracle is working on an portal like interface to create portlets and stuff, perhaps they will create some tools special for the use of UCM and webcenter. This offcourse would be very nice

Why is the Edit CSS Web Developer toolbar, not enabling Search in Win 8?

We are using Windows 8 and the Web Developer tool bar is now installed.
However, after using Edit CSS, the Search box to search thru CSS is disabled. I don't see how to enable it, or moreso, why it's disabled at all.

For now, you might want to explore the built-in style editor (Shift+F7) as a temporary workaround. Press Ctrl+f or right-click in the style sheet edit control to access find.

Why is the assests panel disabled when editing css or xml files?

It's immensely annoying. Is there anyway to stop it?

That doesn't really explain why a very useful panel is disabled. What's the logic behind it?
This is a user-to-user forum, not Adobe customer support. You asked whether there was any way to prevent the Assets panel from being disabled when editing CSS and XML files. The answer is no.
If you want Adobe to change the way the program works, file a feature request.

Selection properties panel - edit font type and font size

"selection properties" bottom panel - edit font type and font size
In design view
i can no longer find this option in CS5,
how can i change font type and font size of highlighted/selected block of text? like previous DW versions ?
by switching to CSS from html in "selection properties" bottom panel.
i see an option to do that using CSS. Is this the only option now ?
Thanks a lot for help.

What happened if on some pages of my site, there are JS code inserted to display content pulled from other remote host.
Will my own page or site CSS font setting override the JS code font & size setting as well ?
or those JS code can display content using their font selection setting independently ?
>> Yes. In fact it not only does it for the page you're working on, but for the whole site (that's the advantage of CSS vs properties)

Edit css for a theme

Hi,
How can we edit the css file for a built-in theme? Can we upload a new css file and use it instead of the default css, if so how?
Thanks,
Machaan

I'm not sure, whether you want to create new substitution strings or change the values for existing ones.
I assume you want to set the values.
It is rather hard to give you a complete reference here since there are really a lot of substitution strings. As with variables in common programming environments, each of them has a predefined scope.
#HOME_LINK# for instance is usually defined on application level and its definition is located differently in different versions of APEX: For 3.2 it is
Shared Components >> Definition >> Security >> Home Link
whereas 4.0 is organized a little different:
Shared Components >> Security Attributes >> Home Link
#LOGO# is a value to be found in
Shared Components >> Definition >> Logo
in both 3.2 and 4.0.
There are several points in the documentation where you find the hints you are searching for, e.g. you find the substitution strings for the scope "page template" documented here:
http://download.oracle.com/docs/cd/E17556_01/doc/user.40/e15517/themes.htm#BABBABDJ (4.0-Documentation)
The built-in (global) substitution strings are documented here:
http://download.oracle.com/docs/cd/E17556_01/doc/user.40/e15517/concept.htm#BEIIBAJD (4.0 again, look into the version that corresponds to your development environment).
-Udo
Edited by: Udo on 27.08.2010 16:04
P.S.: If you intend to define your own substitution strings, the Definition >> Substitution is the right place to look.
Edited by: Udo on 27.08.2010 16:13
Edited by: Udo on 31.08.2010 12:06
P.P.S.: I found that page which is quite useful when wanting to know which substition variables exist in which context:
http://oraclequirks.blogspot.com/2007/07/apex-substitution-strings-cross.html

Editing CSS, related files requires save (cs4)

You know what really Grinds My Gears? (family guy reference,
lol)
When I edit the CSS in the right hand panel, sometimes it
makes the CSS file in the Related Files toolbar not saved with a *
next to the filename. Sometimes it goes ahead and just saves the
changes right away. Like most, I'm constantly switching back/forth
between browsers so CSS has to be saved to see changes.
Kindofa pain to have to click the css file in the related
toolbar and Ctrl+S to save before each preview...I haven't been
able to find out why it "dirties" the CSS file sometimes and other
times it directly saves to the CSS file.
Does anyone have any ideas? How to get it to always just save
to the file?
thanks

avibodha,
Ah! Thanks for the additional details. I see what is causing
this behavior.
When a document is opened, DW determines what the Related
Files are, so
it can show the list of buttons for each one. But, for the
sake of
performance, we do not actually load the files until you
click on a
button to view a file. Note that the file may already be
loaded as a
top-level document or as a Related File of some other
document.
Since you have the "Open CSS files when modified" setting
turned off,
then the CSS gets automatically saved to disk *if* the file
has not yet
been loaded. Once the file has been loaded, then DW will not
automatically save it (to avoid writing something on disk
that you don't
want written).
So, you'll need to disable the Related Files feature to have
DW always
automatically save the CSS to disk.
HTH,
Randy
> * related files always on, open document
> * edit CSS in right panel (separate css file, not inline
styles), always saves
> immediately
> * Either click .css file and edit, or in right panel,
click Go To Code and
> edit CSS -> now all edits in right panel will happen
to file and NOT be saved.
> You must go to the .css file and Save it.
>
> So once you edit the CSS file for for any reason, from
then on it edits the
> css file when you use the right panel and you must go
back to the file and
> save, or do Save All.
>
> There is a setting in Preferences, CSS Styles to
automatically open the CSS
> file when editing, but I have that off (default state).
>
> Curious...wonder if there's a way to "reset" the right
panel CSS back to it's
> original state of directly modifying the css file? If I
close and re-open the
> document, that does it, but that's not a solution...
>
> Not a big deal because I can turn off Related Files...

Ucm and Webcenter Interaction 10gR4

I'm trying to find information on how to integrate Webcenter Content(UCM) and Webcenter Interaction 10gR4. Any help would be GREATLY appreciated!
Thanks,
Steve
Edited by: Tiger on Oct 24, 2012 3:40 AM

I'm trying to find information on how to integrate Webcenter Content(UCM) and Webcenter Interaction 10gR4. Any help would be GREATLY appreciated!
Thanks,
Steve
Edited by: Tiger on Oct 24, 2012 3:40 AM

How to call the css file and its images from our application......

hai,
Im uploading a .css file and some images in Apex shared components ,now how to call the css file and images from my Application.... plz tell me detailed.....
Edited by: anoo on Nov 3, 2008 12:51 AM

Hi Anoo,
Sorry, didn't see that you'd started a new thread, so have answered this in 'undefined' is null (or) not an object "
Andy

Edit CSS in Edge Reflow

I may have just not discovered this yet, but after all my searches I can't find anywhere that will tell me how to directly edit the CSS in Edge Reflow. So what I am asking is
a) are you able to edit css in Reflow, and if so b) how on earth do you do it?

Hi -
You're correct - the only way to edit CSS in Reflow is to use the Property Inspector.
thanks,
Vic

WebCenter Portal and WebCenter Sites Integration

We have a client requirement where we need to provide Web Content Management and Portal Solution in Oracle WebCenter product stack.
Contents, Templates and other Content Assets will be created and managed in WebCenter Sites, WebCenter Portal will be used for content delivery (Display content to end user). There is another requirement of content editing from WebCenter Portal; where a set of users will have the right to editing content present in WebCenter Sites.
Is there any available solution for integrating WebCenter Sites and WebCenter Portal to fulfill above requirements?

The best available info is in this thread: Integrating webcenter sites content in to Webcenter portal
Take a look also at this one: Re: WebcenterSites Vs WebcenterPortal

Does someone know of a control that edits CSS files?

The main things I am looking are are below.
* Syntax highlighting
* Error detection and suggested changes
* Knowledge of a few CSS classes and ID values that are special.
Edited by: Will Pittenger on Dec 16, 2011 7:47 PM

Try JIDE Code Editor
http://www.jidesoft.com/products/editor.htm

Editing css live...

I have Studio 8 and am looking at upgrading to CS4.
My question is, does Dreamweaver allow a way (via Live view) to visually edit css in a live mode. For example if you are looking at a live page I would like to be able to move an element and have the css re-written. I am not great at coding and so the visual aspect really speeds things up for me. Normally I make a change, upload it...and see if it looks like what I want and if not...start again.
I have tried this app which works great and does exactly that but would prefer to do it all within DW if possible
http://www.skybound.ca/
Thanks,
Derek

Get Firefox's Web Developer Toolbar Add-On. With it, you can view any page in your browser, edit CSS code in real time and see browser results right away. However, these code changes are not permament. They are for testing/debugging only. You would need to copy your revised code from Firefox into your CSS file in DW code view.
FWIW, working entirely in DW Design View severely limits your potential. Start learning basic HTML & CSS first. Then DW CS4 will be much easier for you to learn.
HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Is it legal to sell photos edited in trial and beta verisons of Photoshop?

I recently downloaded the new CS6 beta version of photoshop and since I am interested in stock photography I was wondering if it's legal and not againts Adobe's rules to sell photos edited in trial and beta versions of Photoshop? I mean, since you haven't bought them and just trying them out.
I really haven't found info about it, yet. Adobe terms and policy are little overwhelming
Thanks.
p.s. I hope I asked the question on the right place

The last time that I read the EULA, the only restriction on commercial or production work was on beta/pre-release software. So you could use the CS5 trial but not the CS6 beta.
See section 4.a . here:
http://www.adobe.com/misc/terms.html

FCKEditor, edit css, SiteStudio and WebCenter

Similar Messages

Maybe you are looking for