Bug #23524
closedUsing core Sprites with ExtJS in TYPO3 4.4 - CSS Problem or Bug?
0%
Description
Hello guys,
i tried to use the default generated sprite classes in TYPO3 4.4.2 with
an ExtJS BE Module. But I need to change the css to get it working.
For example: I "set t3-icon-actions t3-icon-actions-document
t3-icon-document-new" as icon-class for an extjs button.
Additionally i need to disable the following rules in firebug:
ext-all-notheme.css:
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
background-position:0 center;
}
.x-btn button {
background:none repeat scroll 0 0 transparent;
}
to see the icons.
I created the Backendmodule with the following code (only relevant parts
for creating the module):
$this->doc->getPageRenderer()->loadExtJS();
<...>
$this->content = $this->doc->startPage($LANG->getLL('title'));
$this->content.= $this->doc->moduleBody($this->pageinfo,
$docHeaderButtons, $markers);
$this->content.= $this->doc->endPage();
$this->content = $this->doc->insertStylesAndJS($this->content);
Is this a general Extjs problem or a problem of the order of css
inclusion what i assume. I hope I made the misstake, thanks for your help.
I think it would be nice, if it would be possible to use the default
icons provided by the installed skin.
Best regards
Kay
(issue imported from #M15680)
Updated by Tolleiv Nietsch about 14 years ago
hi - I can't really answer this question but maybe it would be a good idea to use the pagerenderer for the inclusion of the inline CSS .. you problem is obviously related to some loading-order issues (ExtJS CSS is loaded after your CSS) - pagerenderer might resolve this
Updated by Kay Strobach about 14 years ago
hi tolleiv,
thanks for your answere - but
<span class="t3-icon-actions t3-icon-actions-document
t3-icon-document-new"></span>
will add the sprite image correctly. I had the same problem before by using plain extjs without TYPO3.
There I needed to use !important:
background-image:url(...)!important;
for the background-image. I assume that this is a extjs problem.
http://dev.sencha.com/deploy/dev/examples/button/buttons.html
-> there is a css file for the buttons:
http://dev.sencha.com/deploy/dev/examples/button/buttons.css
Best regards
Kay
Updated by Alexander Opitz about 11 years ago
- Status changed from New to Needs Feedback
- Target version deleted (
0) - Is Regression set to No
Hi,
as this issue is very old. Does the problem still exists within newer versions of TYPO3 CMS (4.5 or 6.1)?
Updated by Alexander Opitz over 10 years ago
- Status changed from Needs Feedback to Closed
No feedback within the last 90 days => closing this ticket.
If you think that this is the wrong decision or experience this issue again, then please write to the mailing list typo3.teams.bugs with issue number and an explanation or open a new ticket and add a relation to this ticket number.