As you can see below, the icon (in the right corner) is not displayed properly.
Usually, it is an arrow down, as you can see in the showcase of BootsFaces.
My <b:panel> looks like:
<b:panel title="Beiträge (1)" collapsible="true"look="info">
How can I display the correct icon?
I am not using any specific theme and I am using BootsFaces 0.7.0.
We've had a lot of trouble with this. Most likelely the Glyphicons rource file can't be loaded.
Make sure you've added a <h:head></h:head> tag (even if it's empty). Do not use the HTML tag (<head />).
Check the URL pattern of the web.xml. Many tutorials recommend to put the JSF files into a virtual folder, such as <url-pattern>/pages/</url-pattern> . Don't do that. There's nothing wrong with simple patterns like <url-pattern>*.jsf</url-pattern>. By the way, this is the default, so you can safely omit the url-pattern altogether.
If that fails, add the CombinedResourceHandler of OmniFaces. This always does the trick for me.
Check the URL in your browser. Maybe you entered localhost:8080/index.xhtml instead of localhost:8080/index.jsf?
If you're still stuck, open an issue on the BootsFaces GitHub repository (https://github.com/TheCoder4eu/BootsFaces-OSP/issues). But first read https://github.com/TheCoder4eu/BootsFaces-OSP/issues/157 - your problem is probably already fixed there.
Related
Call me old fashioned, but there is nothing I can do but only to use the old version of Tiny MCE, which is 2.1.
So, what I'm trying to do is to add a "download" attribute to tag, after I open HTML editor I type this attribute, when saving it simply disappears. There is no official documentation to this old version on the official site. The new ones doesn't mention anything about this feature at all. overall editor look. code editor look
Also, I tried to add "download" in the extended valid elements configuration:
extended_valid_elements: "code[class|dir ,however no success as well.
Did anyone by any chance faced the same problem?
Could use a little bit of help.
Well, if anyone ever encounters the same problem, which I highly doubt, you would need to open tiny_mce.js file, and on the line 1928 there will be "A : "id|class|style|title|download" ", this is the place, where I added "download". Afterwards I was able to add this attribute in the HTML code editor.
Hi I'm using TYPO3 CMS 6.2.14 with FluidTYPO3 (flux 7.2.2, fluidcontent 4.3.2and vhs 2.3.3). Since the last few TYPO3 installations my Icons for Fluidcontent-Elements are missing in Backend?! I've didn't change the path or sth. else.
Here are my tries, nothing works:
<flux:form id="fce6" icon="../typo3conf/ext/mytemplates/Resources/Public/Icons/Content/Icon.gif" wizardTab="FCE" options="{Fluidcontent: {sorting: 106}}">
...
<flux:form id="fce6" options="{Fluidcontent: {sorting: 105}, group: 'FCE', icon: '{f:uri.resource(path: \'Icons/Content/Icon.gif\')}'}">
...
<flux:form id="fce6" options="{icon: '{f:uri.resource(path: \'Icons/Content/Icon.gif\')}'}">
...
<flux:form wizardTab="Bootstrap" id="tabs" icon="{v:extension.path.resources(path: 'Icons/icon-tabs.gif')}">
If I inspect the missing Icons in Backend with a developer tool (browser), the Icon is found, so I don't understand it.
../typo3conf/ext/mytemplates/Resources/Public/Icons/content/Icon.gif
Some sceenshots
-
The funny thing is, that the Icon is still there, if you're inside the Fluidcontent Element (FCE), see last screenshot (red bar icon):
EDIT :: I was looking in one of my older TYPO3-Projects and the Icons are still there: flux 7.2.1, fluidcontent 4.2.4 and TYPO3 6.2.15
Code:
<flux:form id="tabsvertical" options="{Fluidcontent: {sorting: 305}, group: 'FCE', icon: '{f:uri.resource(path: \'Icons/Content/Example.gif\')}'}">
See screenshot:
Flux supports convention based icons since v.7.2.0.
It means, that for each your template you can have corresponding icon in Icons folder, which will be shown automatically.
Example:
Template file typo3conf\ext\my_ext\Resources\Private\Templates\Content\Grid-1.html should have an icon typo3conf\ext\my_ext\Resources\Public\Icons\Content\Grid-1.png.
See more in changelog.
I spent some hours with TYPO3 6.2.15 and 7.5 to get icons running. The convention based icons did the job for 6.2.15. Rather than using a f:uri.resource(), which will not work. The flux form configuration is somehow rendered in a special container. E.g. for the "new content elements page". Try to put a var_dump() into the view helper. Best combined with an exit(). The container does not seem to be aware of the extension. That is for 6.2.15 and the current versions of fluid/flux. For 7.5 the 7.2.3 does not produce any reasonable results. I only get /typo3/ as icon path. But the 7.2.4 is expected to fix it.
I use this Options Fields for Backend Icons and Grouping.
<flux:form.option.group value="Content" />
<flux:form.option.icon value="EXT:ext_name/Resources/Public/Icons/Content/HeroImage.svg" />
I also added the <flux:form.option name="settings.options"> as wrapper around the group and icon Definitions
I'm not using FluidContent but Flux Version 8.2 and TYPO3 8.7.15
My code is this:
When i toggle the editor I have:
Where have I got it wrong?
From your title, I am assuming any <link> tag is being stripped.
Link tags are only valid in the head of the page, and TinyMCE is set to use the HTML5 specification by default when it tidies code, so presumably it is removing them due to their invalidity in the body of the page.
You could probably configure the code of TinyMCE to do what you want (see: http://www.tinymce.com/wiki.php/Configuration:valid_children), but as that does not seem to be possible via Joomla's plug-in parameters, it would mean overriding a core file, which may then cause problems should you patch the site.
One alternative would be to turn off Tiny MCE, and add the code via the blank editor.
Ideally, it sounds like you should be creating a bespoke module in which the link element can go in the head of the page as it should be.
I am wondering if there is some way to change where CKEditor looks for images. Right now it uses the location of the web page containing the editor as the root directory but I would like to write a javascript function that can change this directory to any arbitrary path passed to the function.
The bigger picture for this is that I'd like to extend the functionality of CKEditor to be able to save the source it creates to whatever location is picked by the user. I've already implemented getting the source and saving it using wxWidgets but am having trouble getting CKEditor to change its working directory so that images can be included from the directory the user picks.
I've tried using some of the properties like baseDir, basePath, and baseHref to make this possible but as far as I can tell none of them quite do what I'm looking for.
So the process would be:
(1) The user picks a directory where the source will be saved
(2) The user creates a page using CKEditor where images from the directory chosen can be included AND DISPLAYED in CKEditor
(3) The user saves the source of their page to the chosen directory (the source saved here should use the relative path to the images because the source is now located in the same directory as the images it includes)
I realize this is a rather unconventional use of CKEditor but if someone might be able to kick me in the right direction to making this happen, I'd really appreciate it.
EDIT:
So after a little experimenting and changing some backslashes to regular slashes, it looks like the baseHref attribute does what I'd like. I've still not been able to change its value at runtime though as I would like. Does anybody know if this is possible with CKEditor? I'd still like to have a javascript function that I can pass a path to and have it change this baseHref value. Right now I have set its value in config.js.
If this isn't possible, I know you can read and write the source in and out of the editor. So I would like to resort to reading and storing the source from the editor, reloading CKEditor with a new config.baseHref, and then writing the source back into the editor. Does anyone know if the CKEditor api provides functionality to reload its configuration?
Thanks.
I don't expect too many people will be trying to do what I was doing here since CKEditor is usually hosted on a server somewhere, but in case someone finds it helpful, here's what I ended up doing.
As I mentioned in the edit to my question, modifying the baseHref gave me the functionality of prepending the image filename with the directory path leading to it. I wasn't able to find a way to modify it while the editor was running so I ended up telling CKEditor to load an external configuration file each time it started with the line
config.customConfig = 'C:/Users/kenwood/Desktop/MarkCreator2/ckeditor/custom_config.js';
Then I used C++ to write new contents to custom_config.js any time I wanted to switch directories.
Unfortunately this method meant I had to read the contents out of the editor, refresh the page, and then write the editor contents back in any time I wanted to change directories. This was adequate for what I needed though.
I am using R#6 and when I edit some razor views, R#6 suggests that I "use directory".
(Whine :)) I dont want to! How do I turn off this annoyance? I have searched through R#6 options. It is definitely R# since the annoyance goes away when i suspend R#.
In the printscreen, R# wants to change /SignUp to ../Signup.
It is incorrect because the view is the layout and could be in any directory structure. So i want it to be /Signup
Solution: As derigel states.
Wait for the warning to show. Hit escape. Then CTRL+Enter. A mini menu appears where you can suppress or change the warning severity. I changed the warning severity to "do not show"
Valamas, OffBySome gave you really good advice, but you still able to disable this warning locally by comment or generally, at all. It's some UI problem here - first, press escape to disable popup, and then, press alt+enter and you will bring few options how to disable this warning.
For your url's, try using relative urls by using #Url.Content("~/images/image.jpg") and #Url.Action("Action", "Controller") instead of hard-coding the absolute / urls. I think this will resolve the Resharper issue, and also make your url's relative in case you are hosting this as a subsite on an IIS instance.
I solved it by properly entering the path.
Original
<Image Source="Images\Q_hor_pos_full_rgb.gif" Height="76" Margin="6,-3,0,7" HorizontalAlignment="Left"/>
It turns out that I had placed this xaml file in a subfolder, and that the Images folder was actually one level higher:
Main\Images\Q_hor_pos_full_rgb.gif
Main\UserControls\File.xaml
Fixed
<Image Source="..\Images\Q_hor_pos_full_rgb.gif" Height="76" Margin="6,-3,0,7" HorizontalAlignment="Left"/>
As soon as I did that, the application found the file with no problem.