Custom DIV broken

ssneg
Community Member Posts: 1,456 ♪ Opening Act ♪
Two issues:
1) You cannot have more than one Custom DIV on a page! They are always referred in code as "externalhtmlobject" instead their HTML names ("other52", "other888" etc), so all instances but the last one are overwritten.
2) They miss their height attribute! Their CSS always includes position:absolute, top, left, width, all of which can be set in Lectora.. but no height property! So the height is always 0.
As a workaround for #2, it is possible to include whole new div in that div and write any code in it, but it means that the height should always be specified manually, kinda opposite of what rapid authoring tools should do. And there is no workaround for #1 unless I write out all my divs inside that one custom DIV, which is again, entirely opposite of "rapid authoring tool" idea.
P.S. This is how ridiculous the page code looks:
1) You cannot have more than one Custom DIV on a page! They are always referred in code as "externalhtmlobject" instead their HTML names ("other52", "other888" etc), so all instances but the last one are overwritten.
2) They miss their height attribute! Their CSS always includes position:absolute, top, left, width, all of which can be set in Lectora.. but no height property! So the height is always 0.
As a workaround for #2, it is possible to include whole new div in that div and write any code in it, but it means that the height should always be specified manually, kinda opposite of what rapid authoring tools should do. And there is no workaround for #1 unless I write out all my divs inside that one custom DIV, which is again, entirely opposite of "rapid authoring tool" idea.
P.S. This is how ridiculous the page code looks:
ReFlow(); pageLayer.show(); externalhtmlobject.init() externalhtmlobject.init() externalhtmlobject.activate() externalhtmlobject.activate() ... ... if( is.min ){ externalhtmlobject = new ObjInline('externalhtmlobject',null,122,99,333,222,1,0,null,'div') externalhtmlobject.build() externalhtmlobject = new ObjInline('externalhtmlobject',null,476,207,333,222,1,1,null,'div') externalhtmlobject.build() writeStyleSheets( externalhtmlobject.css+ externalhtmlobject.css ) } ... ... <div id="externalhtmlobject"><a id="externalhtmlobjectanc"> </a></div> <div id="externalhtmlobject"><a id="externalhtmlobjectanc"> </a></div>
Categories
- 35.8K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 7 The Training Arcade®
- 7 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products