Forums / Setup & design / Changing OE look

Changing OE look

Next topic

Author	Message
Marko Žmak	Tuesday 18 October 2005 11:12:44 pm I need to change the way OE is displayed when editing a XML field. How do I do that? I know I can edit ezxmltext_ezdhtml.tpl, but I want to know what's the right way to do it. -- Nothing is impossible. Not if you can imagine it! Hubert Farnsworth
Kirill Subbotin	Wednesday 19 October 2005 2:41:22 am What exactly do you want to change ?
Marko Žmak	Wednesday 19 October 2005 6:34:40 am Well a few thing. The width and height, the background color, the spacing between textarea and buttons... I wan't to integrated OE with the design of my site, for now it looks too different from the site. -- Nothing is impossible. Not if you can imagine it! Hubert Farnsworth
Kirill Subbotin	Thursday 20 October 2005 6:19:05 am Then no problem with this. You only need to modify corresponding CSS. First you need to find out what classes are used there for elements you want to alter. You can check templates and .js source. You can find HTML strings in .js code and check classes there, for example you can find out what classes are used for toolbar in 'createToolbar' function.
Marko Žmak	Thursday 20 October 2005 10:04:16 am Well, that's what I tought of too, but I would like to know (from someone with experience) what's the best way to change OE's look. For example is it better to change the look by changing appropriate CSS classes, or by changing directly the HTML in the template? -- Nothing is impossible. Not if you can imagine it! Hubert Farnsworth

eZ debug

Timing:

Jan 31 2025 06:27:56

Script start

Timing:

Jan 31 2025 06:27:56

Module start 'content'

Timing:

Jan 31 2025 06:27:56

Module end 'content'

Timing:

Jan 31 2025 06:27:57

Script end

Main resources:

Total runtime

0.1900 sec

Peak memory usage

2,048.0000 KB

Database Queries

141

Timing points:

Checkpoint	Start (sec)	Duration (sec)	Memory at start (KB)	Memory used (KB)
Script start	0.0000	0.0056	587.8281	180.8438
Module start 'content'	0.0056	0.0050	768.6719	97.8359
Module end 'content'	0.0106	0.1793	866.5078	525.7500
Script end	0.1899		1,392.2578

Checkpoint

Start (sec)

Duration (sec)

Memory at start (KB)

Memory used (KB)

Script start

0.0000

0.0056

587.8281

180.8438

Module start 'content'

0.0056

0.0050

768.6719

97.8359

Module end 'content'

0.0106

0.1793

866.5078

525.7500

Script end

0.1899

1,392.2578

Time accumulators:

Accumulator	Duration (sec)	Duration (%)	Count	Average (sec)
Ini load
Load cache	0.0031	1.6556	20	0.0002
Check MTime	0.0013	0.6774	20	0.0001
Mysql Total
Database connection	0.0008	0.3974	1	0.0008
Mysqli_queries	0.1480	77.8947	141	0.0010
Looping result	0.0013	0.7004	139	0.0000
Template Total	0.1789	94.2	1	0.1789
Template load	0.0008	0.4158	1	0.0008
Template processing	0.1781	93.7780	1	0.1781
Override
Cache load	0.0006	0.2943	1	0.0006
Sytem overhead
Fetch class attribute can translate value	0.0006	0.3337	1	0.0006
XML
Image XML parsing	0.0002	0.1047	1	0.0002
General
dbfile	0.0044	2.3269	20	0.0002
String conversion	0.0000	0.0033	3	0.0000
Note: percentages do not add up to 100% because some accumulators overlap

Accumulator

Duration (sec)

Duration (%)

Count

Average (sec)

Ini load

Load cache

0.0031

1.6556

0.0002

Check MTime

0.0013

0.6774

0.0001

Mysql Total

Database connection

0.0008

0.3974

0.0008

Mysqli_queries

0.1480

77.8947

141

0.0010

Looping result

0.0013

0.7004

139

0.0000

Template Total

0.1789

94.2

0.1789

Template load

0.0008

0.4158

0.0008

Template processing

0.1781

93.7780

0.1781

Override

Cache load

0.0006

0.2943

0.0006

Sytem overhead

Fetch class attribute can translate value

0.0006

0.3337

0.0006

XML

Image XML parsing

0.0002

0.1047

0.0002

General

dbfile

0.0044

2.3269

0.0002

String conversion

0.0000

0.0033

0.0000

Note: percentages do not add up to 100% because some accumulators overlap

CSS/JS files loaded with "ezjscPacker" during request:

Cache	Type	Packlevel	SourceFiles
	CSS	0	extension/community/design/community/stylesheets/ext/jquery.autocomplete.css extension/community_design/design/suncana/stylesheets/scrollbars.css extension/community_design/design/suncana/stylesheets/tabs.css extension/community_design/design/suncana/stylesheets/roadmap.css extension/community_design/design/suncana/stylesheets/content.css extension/community_design/design/suncana/stylesheets/star-rating.css extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css extension/community_design/design/suncana/stylesheets/buttons.css extension/community_design/design/suncana/stylesheets/tweetbox.css extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css extension/sevenx/design/simple/stylesheets/star_rating.css extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css extension/sevenx/design/simple/stylesheets/main.v02.css extension/sevenx/design/simple/stylesheets/main.v02.res.css
	JS	0	extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js extension/community_design/design/suncana/javascript/jquery.ui.core.min.js extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js extension/community_design/design/suncana/javascript/jquery.easing.1.3.js extension/community_design/design/suncana/javascript/jquery.ui.tabs.js extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js extension/community_design/design/suncana/javascript/jquery.popmenu.js extension/community_design/design/suncana/javascript/jScrollPane.js extension/community_design/design/suncana/javascript/jquery.mousewheel.js extension/community_design/design/suncana/javascript/jquery.cycle.all.js extension/sevenx/design/simple/javascript/jquery.scrollTo.js extension/community_design/design/suncana/javascript/jquery.cookie.js extension/community_design/design/suncana/javascript/ezstarrating_jquery.js extension/community_design/design/suncana/javascript/jquery.initboxes.js extension/community_design/design/suncana/javascript/app.js extension/community_design/design/suncana/javascript/twitterwidget.js extension/community_design/design/suncana/javascript/community.js extension/community_design/design/suncana/javascript/roadmap.js extension/community_design/design/suncana/javascript/ez.js extension/community_design/design/suncana/javascript/ezshareevents.js extension/sevenx/design/simple/javascript/main.js

Cache

Type

Packlevel

SourceFiles

CSS

extension/community/design/community/stylesheets/ext/jquery.autocomplete.css
extension/community_design/design/suncana/stylesheets/scrollbars.css
extension/community_design/design/suncana/stylesheets/tabs.css
extension/community_design/design/suncana/stylesheets/roadmap.css
extension/community_design/design/suncana/stylesheets/content.css
extension/community_design/design/suncana/stylesheets/star-rating.css
extension/community_design/design/suncana/stylesheets/syntax_and_custom_tags.css
extension/community_design/design/suncana/stylesheets/buttons.css
extension/community_design/design/suncana/stylesheets/tweetbox.css
extension/community_design/design/suncana/stylesheets/jquery.fancybox-1.3.4.css
extension/bcsmoothgallery/design/standard/stylesheets/magnific-popup.css
extension/sevenx/design/simple/stylesheets/star_rating.css
extension/sevenx/design/simple/stylesheets/libs/fontawesome/css/all.min.css
extension/sevenx/design/simple/stylesheets/main.v02.css
extension/sevenx/design/simple/stylesheets/main.v02.res.css

extension/ezjscore/design/standard/lib/yui/3.17.2/build/yui/yui-min.js
extension/ezjscore/design/standard/javascript/jquery-3.7.0.min.js
extension/community_design/design/suncana/javascript/jquery.ui.core.min.js
extension/community_design/design/suncana/javascript/jquery.ui.widget.min.js
extension/community_design/design/suncana/javascript/jquery.easing.1.3.js
extension/community_design/design/suncana/javascript/jquery.ui.tabs.js
extension/community_design/design/suncana/javascript/jquery.hoverIntent.min.js
extension/community_design/design/suncana/javascript/jquery.popmenu.js
extension/community_design/design/suncana/javascript/jScrollPane.js
extension/community_design/design/suncana/javascript/jquery.mousewheel.js
extension/community_design/design/suncana/javascript/jquery.cycle.all.js
extension/sevenx/design/simple/javascript/jquery.scrollTo.js
extension/community_design/design/suncana/javascript/jquery.cookie.js
extension/community_design/design/suncana/javascript/ezstarrating_jquery.js
extension/community_design/design/suncana/javascript/jquery.initboxes.js
extension/community_design/design/suncana/javascript/app.js
extension/community_design/design/suncana/javascript/twitterwidget.js
extension/community_design/design/suncana/javascript/community.js
extension/community_design/design/suncana/javascript/roadmap.js
extension/community_design/design/suncana/javascript/ez.js
extension/community_design/design/suncana/javascript/ezshareevents.js
extension/sevenx/design/simple/javascript/main.js

Templates used to render the page:

Usage	Requested template	Template	Template loaded	Edit	Override
1	pagelayout.tpl	<No override>	extension/sevenx/design/simple/templates/pagelayout.tpl
Number of times templates used: 1 Number of unique templates used: 1

Usage

Requested template

Template

Template loaded

Edit

Override

pagelayout.tpl

<No override>

extension/sevenx/design/simple/templates/pagelayout.tpl

Number of times templates used: 1
Number of unique templates used: 1

Time used to render debug report: 0.0001 secs