如何将CSS包含到IntraWeb项目中?

时间:2014-07-31 21:18:27

标签: html css delphi delphi-xe6 intraweb

说明:

我通过“IntraWeb应用程序向导”创建了一个新的独立IntraWeb应用程序,我在内部放置了一些按钮和编辑,所有的工作都很好,但按钮和编辑需要一些风格,因为它们很难看。 / p>

目的:

我想使用CSS来设置它们以覆盖默认样式并添加一些新样式。

问题:

我找不到如何将CSS文件包含到我的项目中,以便稍后在TIWForm StyleSheet 属性中使用它。

我试过的:

我试图将css文件手动放入Debug文件夹“.exe的相同文件夹”中,我也尝试点击文件 - >新 - >其他 - > CSS样式表然后粘贴css代码并将其保存到Debug文件夹“.exe的相同文件夹”。

我需要解决这个问题,否则我将无法使用IntraWeb App。

2 个答案:

答案 0 :(得分:4)

默认情况下,独立IntraWeb应用程序在应用程序目录中查找名为\wwwroot\的文件夹。 Stylesheet.Filename路径与此文件夹相对。

要解决您的问题,只需创建..\Win32\Debug\wwwroot\并将bee.css放在那里。然后在对象检查器中将StyleSheet.Filename更改为bee.css

如果您希望按代码设置它,可以在onRender事件中执行此操作:

procedure TIWSomeForm.IWAppFormRender(Sender: TObject); 
begin   
  Stylesheet.Filename := 'bee.css'; 
end;

如果要更改内容文件夹,可以执行以下操作:

function IWServerController: TIWServerController;
begin
  Result := TIWServerController(GServerController);
  gsc.ContentPath := 'Full\Path\Here';
end;

请注意,您需要在构造函数中执行此操作!

可以在此处找到文档:http://docs.atozed.com/docs.dll/classes/TIWServerControllerBase.html

PS:不要忘记在Css属性中应用CSS类。

答案 1 :(得分:0)

  1. 找到已编译的(exe)文件(通常位于\ Win32 \ Debug中)。
  2. 在此处创建一个名为“ wwwroot”的文件夹,然后将CSS文件放入该文件夹中。 (文件夹必须具有这个确切的名称。其他任何名称都将不起作用!)
  3. 单击表单并编辑StyleSheet属性:

enter image description here

提示:可以用相同的方式编辑背景图像。

请注意,您可能更喜欢使用

,但是Intraweb使用的是。