Support forums » Products » Cute Editor for .NET » Re: AutoParseClasses causes textarea to not work

AutoParseClasses causes textarea to not work

Last post 09-01-2009, 12:20 PM by Adam. 4 replies.
Sort Posts: Previous Next

  •  08-31-2009, 3:10 PM 55213

    AutoParseClasses causes textarea to not work

    Reply Quote
    Are there any style properties we should avoid using in a stylesheet assigned to the EditorWysiwygModeCss property?
     
    I'm asking because it seems a style added to the stylesheet we were using for this property has cause the textarea of the editor to stop working. We have quite a few styles in this sheet, so I am unsure which one is causing the issue.
     
    The symptoms are that typing in the textarea causes a huge text prompt to appear along side the HTML window in the top left, with 100% height. when you type this giant prompt moves (but no giant letters). When I set AutoParseClasses = false, this issue goes away.
     
    So I guess the question is what should I look for in my CSS that might be causing the editor to freak out like this? 

  •  08-31-2009, 10:32 PM 55221 in reply to 55213

    Re: AutoParseClasses causes textarea to not work

    Reply Quote
    Hi Kyrus,
     
    Please post you css code(which you use in EditorWysiwygModeCss property) here, I will test for you.
     
    Regards,
     
    Ken

  •  09-01-2009, 9:24 AM 55241 in reply to 55221

    Re: AutoParseClasses causes textarea to not work

    Reply Quote
    1. html, body { height: 100%; position: relative }   
    2. .HeadBg   
    3. {   
    4.     COLOR: #FFFFFF;   
    5.     BACKGROUND-COLOR: #2072a4  
    6. }   
    7. BODY   
    8. {   
    9.     background-color: white;   
    10. }   
    11. .SiteTitle   
    12. {   
    13.     FONT-WEIGHT: bold;   
    14.     FONT-SIZE: 20pt;   
    15.     COLOR: white;   
    16.     FONT-FAMILY: Calibri   
    17. }   
    18. .ComponentTitle   
    19. {   
    20.     BACKGROUND-COLOR: black  
    21. }   
    22. .SubTabBg   
    23. {   
    24.     FONT-WEIGHT: normal;   
    25.     BORDER-LEFT-COLOR: #004684;   
    26.     BORDER-BOTTOM-COLOR: #004684;   
    27.     COLOR: blue;   
    28.     BORDER-TOP-COLOR: #004684;   
    29.     BACKGROUND-COLOR: #87c1d2;   
    30.     BORDER-RIGHT-COLOR: #004684  
    31. }   
    32. .TabBg   
    33. {   
    34.     FONT-WEIGHT: bold;   
    35.     FONT-SIZE: 10pt;   
    36.     BORDER-LEFT-COLOR: #7fb1de ;   
    37.     BORDER-BOTTOM-COLOR: #7fb1de ;   
    38.     COLOR: white;   
    39.     BORDER-TOP-COLOR: #7fb1de ;   
    40.     FONT-FAMILY: Calibri;   
    41.     BACKGROUND-COLOR: #87c1d2;   
    42.     BORDER-RIGHT-COLOR: #7fb1de    
    43. }   
    44.   
    45. .TabBgBorderless   
    46. {   
    47.     BORDER-LEFT-COLOR: #004684;   
    48.     BORDER-BOTTOM-COLOR: #004684;   
    49.     BORDER-TOP-COLOR: #004684;   
    50.     BACKGROUND-COLOR: gray;   
    51.     BORDER-RIGHT-COLOR: #004684  
    52. }   
    53. .OtherTabsBg   
    54. {   
    55.     BORDER-LEFT-COLOR: white;   
    56.     BORDER-BOTTOM-COLOR: white;   
    57.     BORDER-TOP-COLOR: white;   
    58.     BACKGROUND-COLOR: #004684;   
    59.     BORDER-RIGHT-COLOR: white  
    60. }   
    61. .OtherTabsBgBorderless   
    62. {   
    63.     border-bottom: solid 1px black;   
    64.     border-right: solid 1px black;   
    65. }   
    66. .SelectedTab   
    67. {   
    68.     FONT-WEIGHT: bold;   
    69.     FONT-SIZE: 10pt;   
    70.     COLOR: white;   
    71.     BACKGROUND-COLOR: #87c1d2;   
    72.     FONT-FAMILY: Calibri   
    73. }   
    74. .SelectedTabBorderless   
    75. {   
    76.     FONT-WEIGHT: bold;   
    77.     FONT-SIZE: 10pt;   
    78.     COLOR: white;   
    79.     FONT-FAMILY: Calibri   
    80. }   
    81. A.SelectedTab:link   
    82. {   
    83.     COLOR: #004684;   
    84.     TEXT-DECORATION: none  
    85. }   
    86. A.SelectedTabBorderless:link   
    87. {   
    88.     COLOR: white;   
    89.     TEXT-DECORATION: none  
    90. }   
    91. A.SelectedTab:visited   
    92. {   
    93.     COLOR: #004684;   
    94.     TEXT-DECORATION: none  
    95. }   
    96. A.SelectedTabBorderless:visited   
    97. {   
    98.     COLOR: white;   
    99.     TEXT-DECORATION: none  
    100. }   
    101. A.SelectedTab:active   
    102. {   
    103.     COLOR: #004684;   
    104.     TEXT-DECORATION: none  
    105. }   
    106. A.SelectedTabBorderless:active   
    107. {   
    108.     COLOR: white;   
    109.     TEXT-DECORATION: none  
    110. }   
    111. A.SelectedTab:hover   
    112. {   
    113.     COLOR: #004684;   
    114.     TEXT-DECORATION: none  
    115. }   
    116. A.SelectedTabBorderless:hover   
    117. {   
    118.     COLOR: white;   
    119.     TEXT-DECORATION: underline  
    120. }   
    121. .SubOtherTabs   
    122. {   
    123.     FONT-WEIGHT: normal;   
    124.     FONT-SIZE: 10pt;   
    125.     BORDER-LEFT-COLOR: #7fb1de ;   
    126.     BORDER-BOTTOM-COLOR: #7fb1de ;   
    127.     COLOR: black;   
    128.     BORDER-TOP-COLOR: #7fb1de ;   
    129.     FONT-FAMILY: Calibri;   
    130.     BACKGROUND-COLOR: #7fb1de;   
    131.     TEXT-DECORATION: none;   
    132.     BORDER-RIGHT-COLOR: #7fb1de    
    133. }   
    134. .OtherTabs   
    135. {   
    136.     FONT-WEIGHT: normal;   
    137.     FONT-SIZE: 10pt;   
    138.     BORDER-LEFT-COLOR: #7fb1de ;   
    139.     BORDER-BOTTOM-COLOR: #7fb1de ;   
    140.     COLOR: white;   
    141.     BORDER-TOP-COLOR: #7fb1de ;   
    142.     FONT-FAMILY: Calibri;   
    143.     BACKGROUND-COLOR: #004684;    
    144.     TEXT-DECORATION: none;   
    145.     BORDER-RIGHT-COLOR: #7fb1de    
    146. }   
    147. .OtherTabsBorderless, .OtherTabsBorderlessText   
    148. {   
    149.     FONT-WEIGHT: normal;   
    150.     FONT-SIZE: 10pt;   
    151.     COLOR: black;   
    152.     FONT-FAMILY: Calibri;   
    153.     TEXT-DECORATION: none;   
    154. }   
    155. .OtherTabsBorderless   
    156. {   
    157.     border-bottom: solid 1px black;   
    158.     BACKGROUND-COLOR: #87C1D2;   
    159. }   
    160. a.OtherTabs:link   
    161. {   
    162.     FONT-WEIGHT: bold;   
    163.     FONT-SIZE: 10pt;   
    164.     COLOR: white;   
    165.     TEXT-DECORATION: none  
    166. }   
    167. a.OtherTabsBorderlessText:link   
    168. {   
    169.     COLOR: black;   
    170.     TEXT-DECORATION: none  
    171. }   
    172. a.OtherTabs:visited   
    173. {   
    174.     COLOR: black;   
    175.     TEXT-DECORATION: none  
    176. }   
    177. a.OtherTabsBorderlessText:visited   
    178. {   
    179.     COLOR: black;   
    180.     TEXT-DECORATION: none  
    181. }   
    182. a.OtherTabs:active   
    183. {   
    184.     COLOR: black;   
    185.     TEXT-DECORATION: none  
    186. }   
    187. a.OtherTabsBorderlessText:active   
    188. {   
    189.     COLOR: black;   
    190.     TEXT-DECORATION: none  
    191. }   
    192. a.OtherTabs:hover   
    193. {   
    194.     COLOR: black;   
    195.     TEXT-DECORATION: underline  
    196. }   
    197. a.OtherTabsBorderlessText:hover   
    198. {   
    199.     COLOR: black;   
    200.     TEXT-DECORATION: underline  
    201. }   
    202. .SiteLink   
    203. {   
    204.     FONT-WEIGHT: normal;   
    205.     FONT-SIZE: 10pt;   
    206.     COLOR: black;   
    207.     FONT-FAMILY: Calibri;   
    208.     BACKGROUND-COLOR: #87c1d2;    
    209. }   
    210. A.SiteLink:link   
    211. {   
    212.     COLOR: black;   
    213.     TEXT-DECORATION: none  
    214. }   
    215. A.SiteLink:visited   
    216. {   
    217.     COLOR: black;   
    218.     TEXT-DECORATION: none  
    219. }   
    220. A.SiteLink:active   
    221. {   
    222.     COLOR: black;   
    223.     TEXT-DECORATION: none  
    224. }   
    225. A.SiteLink:hover   
    226. {   
    227.     COLOR: #004684;   
    228.     TEXT-DECORATION: underline  
    229. }   
    230. .Accent, .AccentText   
    231. {   
    232.     FONT-WEIGHT: bold;   
    233.     FONT-SIZE: 10pt;   
    234.     COLOR: black;   
    235.     FONT-FAMILY: Calibri   
    236. }   
    237. .Message   
    238. {   
    239.     FONT-WEIGHT: normal;   
    240.     FONT-SIZE: 10pt;   
    241.     FONT-FAMILY: Calibri;   
    242.     BACKGROUND-COLOR: #87c1d2  
    243. }   
    244. .ItemTitle   
    245. {   
    246.     FONT-WEIGHT: bold;   
    247.     FONT-SIZE: 10pt;   
    248.     COLOR: black;   
    249.     FONT-FAMILY: Calibri   
    250. }   
    251. .Head, .HeadText   
    252. {   
    253.     FONT-WEIGHT: bolder;   
    254.     FONT-SIZE: 10pt;   
    255.     COLOR: white;   
    256.     FONT-STYLE: normal;   
    257.     FONT-FAMILY: Calibri;   
    258.     BACKGROUND-COLOR: #2072a4;   
    259. }   
    260. .SubHead   
    261. {   
    262.     FONT-SIZE: 10pt;   
    263.     COLOR: black;   
    264.     FONT-FAMILY: Calibri   
    265. }   
    266. .SubSubHead   
    267. {   
    268.     FONT-WEIGHT: bold;   
    269.     FONT-SIZE: 10pt;   
    270.     COLOR: black;   
    271.     FONT-FAMILY: Calibri   
    272. }   
    273.   
    274. /* these are a Tree styles */  
    275. .NormalTreeCss    
    276. {   
    277.     font-family: Calibri;   
    278.     font-weight: normal;   
    279.     line-height: 12px;   
    280.     font-size: 11px;   
    281.     color: black;   
    282. }   
    283.                
    284. .SelectedTreeCss    
    285. {   
    286.     font-family: Calibri;   
    287.     font-weight: normal;   
    288.     line-height: 12px;   
    289.     font-size: 11px;   
    290.     color:White;   
    291.     background: navy;   
    292. }   
    293.   
    294. .OverTreeCss   
    295. {   
    296.     font-family: Calibri;   
    297.     font-weight: normal;   
    298.     line-height: 12px;   
    299.     font-size: 11px;   
    300.     color:White;   
    301.     background-color: #33ccff;   
    302. }   
    303.                
    304. .CutTreeCss    
    305. {   
    306.     font-family: Calibri;   
    307.     font-weight: normal;   
    308.     line-height: 12px;   
    309.     font-size: 11px;   
    310.     color: white;   
    311.     background: gray;   
    312. }   
    313.   
    314. .Normal   
    315. {   
    316.     FONT-WEIGHT: normal;   
    317.     FONT-SIZE: 10pt;   
    318.     FONT-FAMILY: Calibri;   
    319.     color: Black;   
    320. }   
    321. .Normal a:link      { color: Black; text-decoration: underline; }   
    322. .Normal a:visited   { color: Black; text-decoration: underline; }   
    323. .Normal a:active    { color: Black; text-decoration: underline; }   
    324. .Normal a:hover     { color: Black; text-decoration: underline; }   
    325.   
    326. .NormalTextBox   
    327. {   
    328.     FONT-WEIGHT: normal;   
    329.     FONT-SIZE: 10pt;   
    330.     FONT-FAMILY: Calibri   
    331. }   
    332. .NormalRed   
    333. {   
    334.     FONT-WEIGHT: bold;   
    335.     FONT-SIZE: 10pt;   
    336.     COLOR: blue;   
    337.     FONT-FAMILY: Calibri   
    338. }   
    339. .NormalBold   
    340. {   
    341.     FONT-WEIGHT: bold;   
    342.     FONT-SIZE: 10pt;   
    343.     FONT-FAMILY: Calibri;   
    344.     TEXT-DECORATION: none  
    345. }   
    346. .NormalBold a:link      { color: Black; text-decoration: underline; }   
    347. .NormalBold a:visited   { color: Black; text-decoration: underline; }   
    348. .NormalBold a:active    { color: Black; text-decoration: underline; }   
    349. .NormalBold a:hover     { color: Black; text-decoration: underline; }   
    350.   
    351. .CommandButton   
    352. {   
    353.     FONT-WEIGHT: normal;   
    354.     FONT-SIZE: 10pt;   
    355.     FONT-FAMILY: Calibri   
    356. }   
    357. A.CommandButton:link   
    358. {   
    359.     COLOR: black;   
    360.     TEXT-DECORATION: underline  
    361. }   
    362. A.CommandButton:visited   
    363. {   
    364.     COLOR: black;   
    365.     TEXT-DECORATION: underline  
    366. }   
    367. A.CommandButton:active   
    368. {   
    369.     COLOR: black;   
    370.     TEXT-DECORATION: underline  
    371. }   
    372. A.CommandButton:hover   
    373. {   
    374.     COLOR: blue;   
    375.     TEXT-DECORATION: underline  
    376. }   
    377.   
    378.   
    379. .DataGridSelect   
    380. {   
    381.     FONT-WEIGHT: normal;   
    382.     FONT-SIZE: 11px;   
    383.     BACKGROUND-IMAGE: none;   
    384.     LINE-HEIGHT: 12px;   
    385.     BACKGROUND-REPEAT: repeat;   
    386.     FONT-FAMILY: Calibri;   
    387.     BACKGROUND-COLOR: #D3D3D3  
    388. }   
    389. .RightMenu   
    390. {   
    391.     BORDER-RIGHT: buttonhighlight 2px outset;   
    392.     BORDER-TOP: buttonhighlight 2px outset;   
    393.     BORDER-LEFT: buttonhighlight 2px outset;   
    394.     WIDTH: 120px;   
    395.     BORDER-BOTTOM: buttonhighlight 2px outset;   
    396.     POSITION: absolute;   
    397.     BACKGROUND-COLOR: menu;   
    398.     TEXT-ALIGN: left  
    399. }   
    400. .RightMenuItem   
    401. {   
    402.     FONT-WEIGHT: normal;   
    403.     FONT-SIZE: 10pt;   
    404.     FONT-FAMILY: Calibri   
    405. }   
    406. .RightMenuItem:hover   
    407. {   
    408.     FONT-WEIGHT: normal;   
    409.     FONT-SIZE: 10pt;   
    410.     COLOR: white;   
    411.     FONT-FAMILY: Calibri;   
    412.     BACKGROUND-COLOR: #0099cc;   
    413.     TEXT-DECORATION: none  
    414. }   
    415. .RightMenuImage   
    416. {   
    417.     BACKGROUND-COLOR: #33ccff  
    418. }   
    419. .RightMenuImage:hover   
    420. {   
    421.     BACKGROUND-COLOR: #0099cc  
    422. }   
    423. H1  
    424. {   
    425.     FONT-WEIGHT: normal;   
    426.     FONT-SIZE: 20px;   
    427.     COLOR: #666644;   
    428.     FONT-FAMILY: Calibri   
    429. }   
    430. H2  
    431. {   
    432.     FONT-WEIGHT: normal;   
    433.     FONT-SIZE: 20px;   
    434.     COLOR: #666644;   
    435.     FONT-FAMILY: Calibri   
    436. }   
    437. H3  
    438. {   
    439.     FONT-WEIGHT: normal;   
    440.     FONT-SIZE: 12px;   
    441.     COLOR: #004684;   
    442.     FONT-FAMILY: Calibri   
    443. }   
    444. H4  
    445. {   
    446.     FONT-WEIGHT: normal;   
    447.     FONT-SIZE: 12px;   
    448.     COLOR: #004684;   
    449.     FONT-FAMILY: Calibri   
    450. }   
    451. H5  
    452. {   
    453.     FONT-WEIGHT: bold;   
    454.     FONT-SIZE: 11px;   
    455.     COLOR: #004684;   
    456.     FONT-FAMILY: Calibri   
    457. }   
    458. DT   
    459. {   
    460.     FONT-WEIGHT: bold;   
    461.     FONT-SIZE: 11px;   
    462.     COLOR: #004684;   
    463.     FONT-FAMILY: Calibri   
    464. }   
    465. H6  
    466. {   
    467.     FONT-WEIGHT: bold;   
    468.     FONT-SIZE: 11px;   
    469.     COLOR: #004684;   
    470.     FONT-FAMILY: Calibri   
    471. }   
    472. TFOOT   
    473. {   
    474.     FONT-SIZE: 12px;   
    475.     COLOR: #004684;   
    476.     FONT-FAMILY: Calibri   
    477. }   
    478. THEAD   
    479. {   
    480.     FONT-SIZE: 12px;   
    481.     COLOR: #004684;   
    482.     FONT-FAMILY: Calibri   
    483. }   
    484. TH   
    485. {   
    486.     FONT-WEIGHT: bold;   
    487.     FONT-SIZE: 12px;   
    488.     VERTICAL-ALIGN: baseline;   
    489.     COLOR: #004684;   
    490.     FONT-FAMILY: Calibri   
    491. }   
    492. A:link   
    493. {   
    494.     COLOR: #004684;   
    495.     TEXT-DECORATION: none  
    496. }   
    497. A:visited   
    498. {   
    499.     COLOR: #004684;   
    500.     TEXT-DECORATION: none  
    501. }   
    502. A:active   
    503. {   
    504.     COLOR: #004684;   
    505.     TEXT-DECORATION: none  
    506. }   
    507. A:hover   
    508. {   
    509.     COLOR: blue;   
    510.     TEXT-DECORATION: underline  
    511. }   
    512. SMALL   
    513. {   
    514.     FONT-SIZE: 8px  
    515. }   
    516. BIG   
    517. {   
    518.     FONT-SIZE: 14px  
    519. }   
    520. BLOCKQUOTE   
    521. {   
    522.     FONT-FAMILY: Lucida Console, monospace  
    523. }   
    524. PRE   
    525. {   
    526.     FONT-FAMILY: Lucida Console, monospace  
    527. }   
    528. UL LI   
    529. {   
    530.     LIST-STYLE-TYPE: square  
    531. }   
    532. UL LI LI   
    533. {   
    534.     LIST-STYLE-TYPE: disc  
    535. }   
    536. UL LI LI LI   
    537. {   
    538.     LIST-STYLE-TYPE: circle  
    539. }   
    540. OL LI   
    541. {   
    542.     LIST-STYLE-TYPE: decimal  
    543. }   
    544. OL OL LI   
    545. {   
    546.     LIST-STYLE-TYPE: lower-alpha  
    547. }   
    548. OL OL OL LI   
    549. {   
    550.     LIST-STYLE-TYPE: lower-roman  
    551. }   
    552.   
    553. .NewItem   
    554. {   
    555.     color: Red;   
    556.     vertical-align: super;   
    557.     font-size: 6pt;   
    558.     font-family: Calibri   
    559. }   
    560. .ErrorText   
    561. {   
    562.     FONT-WEIGHT: bold;   
    563.     FONT-SIZE: 11px;   
    564.     FONT-FAMILY: Calibri;   
    565.     color: Red;   
    566. }   
    567. .Help_Image   
    568. {   
    569.     height: 12px;   
    570.     width: 12px;   
    571.     background-image: url(../images/help_blue.gif);   
    572. }   
    573. .hr   
    574. {   
    575.     height: 1px;   
    576.     background-color: Black;   
    577. }  

  •  09-01-2009, 9:59 AM 55247 in reply to 55241

    Re: AutoParseClasses causes textarea to not work

    Reply Quote
    in the act of posting this I noticed the first line, I pulled it out and the editor started working... Apperently the drop down parses tag specific styles...

  •  09-01-2009, 12:20 PM 55251 in reply to 55247

    Re: AutoParseClasses causes textarea to not work

    Reply Quote
    yeah, html, body { height: 100%; position: relative } will change all elements positions in the page.

    asp.net Chat http://cutesoft.net/ASP.NET+Chat/default.aspx
    Web Messenger: http://cutesoft.net/Web-Messenger/default.aspx
    asp.net wysiwyg editor: http://cutesoft.net/ASP.NET+WYSIWYG+Editor/default.aspx
    asp wysiwyg html editor: http://cutesoft.net/ASP
    asp.net Image Gallery: http://cutesoft.net/ASP.NET+Image+Gallery/default.aspx
    Live Support: http://cutesoft.net/live-support/default.aspx
View as RSS news feed in XML