`
梦中有你
  • 浏览: 60511 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

Accordion控件设置样式问题

    博客分类:
  • Flex
 
阅读更多

1、设置Accordion控件中Option的字体:

    在<mx:Accoridion fontSize="">设置完后,只是控制Accoridion控件子元件内的字号,无法改变Accoridion 的label的字号(即上图中option的字号),费了半天劲,原来有这么个属性headerStyleName,给它加上样式应该就可以了

 

<mx:Style >
AccordionHeader
{
        color:black;
        fontSize: 12;
}       
</mx:Style>


放上以上代码 搞定

 

2、Accordion加图标

 

headerStyle的CSS中加  icon: Embed(source=".../.....png")

 

分享到:
评论

相关推荐

    Ajax之Accordion控件的用法

    Accordion控件还有一些可配置的选项,如`active`用于设置默认打开的面板,`collapsible`用于设置是否允许所有面板同时关闭,`header`用于指定面板标题的选择器,以及`event`和`icons`等,可以根据需要调整。...

    动态制作Accordion控件

    Accordion控件是网页设计中常用的一种交互元素,它允许用户以折叠的方式查看和隐藏内容,通常用于节省页面空间并提供良好的用户体验。动态制作Accordion控件意味着我们不是在页面静态加载时预定义这些菜单项,而是在...

    Ajax控件之Accordion控件问题解决办法-详细操作步骤

    1. **设置样式**:可以根据需要调整Accordion控件的样式。例如,可以通过设置`HeaderStyle`和`ContentStyle`属性来自定义标题和内容的显示方式。 ```html &lt;asp:Accordion ID="Accordion1" runat="server" ...

    AjaxControlToolkit之Accordion控件Demo

    你可以在这里调整字体、颜色、背景、边框等样式属性,以使Accordion控件符合网站的整体设计风格。比如,你可以更改面板的展开和折叠状态下的样式,或者自定义面板标题的样式。 `from.gif`可能是一个图片文件,用于...

    AjaxControlToolKit之Accordion控件

    接着,将Accordion控件拖放到设计视图中,通过属性设置来定制其行为和外观。 Accordion控件的主要属性包括: 1. **DynamicLayout**:动态布局开关,如果设置为true, Accordion会根据内容自动调整大小。 2. **...

    Accordion控件写的系统主页面模板

    在实际应用中,使用Accordion控件可以有效地组织和展示大量信息,如系统设置、帮助文档、菜单栏等。其优点在于: - 空间利用率高:通过折叠隐藏不必要内容,减少屏幕占用。 - 用户友好:清晰的导航结构,让用户轻松...

    ASP.NET AJAX控件系列 第2讲 Accordion(Hona)

    在ASP.NET AJAX框架中,Accordion控件是一个非常实用的交互式用户界面组件。它允许开发者在一个有限的空间内展示多段内容,用户可以逐个展开或折叠这些内容,提高了网页的可用性和用户体验。本篇我们将深入探讨...

    扩展控件Accordion折叠面板+CollapsiblePanel 面板隐藏.rar

    Accordion控件通常用于节省屏幕空间,特别是在移动设备上,它能让复杂的多层级信息变得更加易于管理和浏览。 CollapsiblePanel(可折叠面板)则是Accordion控件的一个核心组成部分,它是一个可以收起和展开的独立...

    Accordion 菜单折叠效果控件

    在实际应用中,Accordion控件可以广泛用于网站的导航菜单、帮助文档、FAQ、产品特性展示等多个场景。通过自定义样式,可以调整Accordion的外观以符合网站的整体设计风格。同时,还可以结合AJAX技术,将内容动态加载...

    Accordion_ajaxtoolkit

    3. **添加Accordion控件**:在设计视图或代码视图中插入Accordion控件,并设置其属性,如Panels集合、默认展开的面板、动画效果等。 4. **配置面板**:在Accordion控件中添加AccordionPane对象,为每个Panel设置...

    Accordion--AjaxControlToolkit 之一(分组菜单)

    在模板示例中,Accordion控件与模板结合使用,允许开发者自定义每个Panel的结构和样式。开发者可以通过定义ItemTemplate来控制每个Panel的内容布局,可以包含HTML、服务器控件或任何其他ASP.NET支持的元素。这种...

    老二牛车教育NET程序员面试题之Accordion试题

    .NET程序员在面试中可能会遇到各种类型的试题,其中Accordion控件是一种常见的前端交互元素,它在Web应用中用于展示可折叠的内容区域,常用于节省页面空间并保持整洁的布局。了解和掌握Accordion控件的使用是提升...

    老二牛车教育NET程序员面试题之Accordion

    4. **样式调整**:虽然题目中提到项目已经提供了样式,但如果需要进一步优化展示效果,可以通过CSS来调整Accordion控件的外观。 5. **测试验证**:最后一步是确保Accordion控件能够正确地展示数据。可以通过浏览器...

    flex3.2分页控件以及通过flexlib自定义Accordion

    1. 自定义样式:通过CSS样式表定制Accordion的颜色、边框、背景等视觉元素。 2. 动画效果:调整折叠和展开的动画速度,或者替换为其他过渡效果。 3. 多选模式:允许用户同时展开多个面板,而不仅仅是单选。 4. 事件...

    Asp.net Accordion、DragPanel、Rating、 TabPanel Ajax控件的使用

    Accordion控件允许在一个区域内以折叠面板的形式展示多个部分的内容,用户可以逐个展开或关闭这些面板。在Asp.net中,Accordion通过设置`Panes`属性来添加和管理各个面板,每个Pane包含一个标题和内容区域。例如: ...

    ajax控件说明.txt

    此外,Accordion控件还支持JavaScript行为(Behavior),可以通过`$find()`方法获取AccordionExtender的行为实例,并调用其方法来改变属性值,例如设置`FadeTransitions`为true或false,或者改变`AutoSize`模式。...

    Ajax 教程.doc

    - 设置Accordion控件的`DataSourceID`属性为上面定义的数据源的ID。 - 可以通过设置`HeaderCssClass`和`ContentCssClass`属性来定制每个窗格的样式。 - 通过设置`FadeTransitions`属性为`true`,可以在切换窗格时...

    ASP.net Ajax Control Toolkit控件应用

    ASP.net Ajax Control Toolkit控件应用: 包括:利用AutoCompleteExtender控件实现自动完成的功能;利用NoBot控件自动拒绝垃圾发布程序;利用ReorderList控件实现拖拽排序;...利用Accordion控件实现QQ样式的菜单。

    Flex4中头部背景图片的Accordion

    在Flex4中,可以通过多种方式来自定义Accordion头部的样式。其中一种方法是使用`headerStyleName`属性结合自定义的皮肤类(skin class)。这种方式允许开发人员非常灵活地控制头部的外观,包括背景图片等元素。 ###...

    Ajax+Control+Toolkit+34个服务器端控件(1).doc

    1. 避免在 Table 中使用 Accordion 并开启 FadeTransitions,因为这可能导致布局问题。 2. AccordionPane 的 Content 区域可以容纳任意 Web 元素,相当于一个容器,可以自由定制展示内容。 3. AccordionPane 的 ...

Global site tag (gtag.js) - Google Analytics